Version v1.0.2 - 04/06/2014 11:42
*/

/**{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
*/


.f-l{
	float: left;
}

.f-r{
	float: right;
}

a:active, 
a, 
object, 
embed,
input::-moz-focus-inner {
  outline: 0 !important;
}

a:focus {
  -moz-outline-style: none;
}

.h-title-old{
	background: #ededed;
	font-size: 18px;
	color: #222222;
	padding: 2px 10px;
}
.top-thread{
	margin-right: -10px;
}
#hot-feature{
	margin-left: -10px;
}
#hot-feature .image-holder{
	width: 235px;
	height: 130px;
	float: left;    
	position: relative;
	overflow: hidden;
}
#hot-feature .image-holder div{
	width: 235px;
	height: 130px;
}
#hot-feature .image-holder div img{
	width: 235px;   
	height: 130px;
}
#hot-feature .image-holder h3{
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	background: rgba(51, 156, 226,0.6);
	display: block;
	width: 215px;
	line-height: 30px;
	padding: 0 10px;
	color: #ffffff;
	transition: all 0.2s ease-in-out;
}
#hot-feature .image-holder:hover h3{
	background: rgba(51, 156, 226,1);
}
#hot-feature .image-holder a{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.top-thread ul{
	/*margin-top:;*/
}
.top-thread ul li{
	padding: 0 10px;
	font-size: 11px;
	border-bottom: 1px solid #e1e1e1;
	line-height: 22px;
}

.top-thread ul li:last-child{
	border-bottom: 0;
}

.top-thread ul li a{
	color: #555555;
}
.top-thread ul li a:hover{
	color: #1174b9;
	text-decoration: none;
}
label, input, select, textarea{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
#main{
	margin-top: 60px;
}
/*.hfeed{
	background: #ffffff
}
.hfeed:after{
	background: #FFFFFF;
}*/
/*body.q .input{
	margin-left: 0;
}*/
fieldset{
	margin-bottom: 0;
	padding-bottom: 0;
}
body.q input, body.q textarea {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
body.q a.menu:after,
body.q .customStyleSelectBox:after,
body.q .dropdown-toggle:after,
body.q .tools:after{
	content: none;
}



	#fjb-listing-header .category-h{padding:10px}
	#fjb-listing-header .category-h img{float:left;margin:0 15px 20px 0}
	#fjb-listing-header .category-h h2{padding-left:60px;font-size:24px;font-weight:400;line-height:1.25}
	#fjb-listing-header .category-h h2 a{text-decoration:none !important;color:#000}
	#fjb-listing-header .category-h h2 a:hover,#fjb-listing-header .category-h h2 a:focus{color:#f66}
	#fjb-listing-header .category-h .desc{padding-left:65px}

	#fjb-listing-header .momod{padding:10px 10px 10px 5px}
	#fjb-listing-header .momod h3{font-weight:700}
	#fjb-listing-header .carousel-wrapper{border-top:solid 1px #eee;padding:0;margin:0;background:#fff}
/* =================================================================
   Quickie Grid
   ================================================================= */

	.kk-1{width: 150px;}
	.kk-2{width: 300px;}
	.kk-3{width: 450px;}
	.kk-4{width: 600px;}
	.kk-5{width: 750px;}
	.kk-6{width: 900px;}
	.kk-wrap{
		width: 1110px;
		padding: 0 10px;
		margin: 0 auto;
		position: relative;
	}

	._col{
		float: left;
		margin-bottom: 15px;
	}

	.kk-row{
		*zoom:1;
		margin:0 auto;
		width:910px;
	}

	.kk-row:before, .kk-row:after {
		content:"";
		display:table
	}
	.kk-row:after {
		clear:both
	}

fieldset{
	 border: 0; 
	 font-size: 100%; 
	 font: inherit; 
	 margin: 0; 
	 padding: 0; 
	 vertical-align: baseline; 
}

.no-background{
	background:none !important;
}

figure{
	overflow: hidden;
	margin:0;
	padding: 0
}

figure div{ 
	display: table-cell;
	vertical-align: middle;
}
figure div img{
	display: block;
	margin: 0 auto;
}

.user-control{
	color: #555555;
}

	ul.list-grey{
		margin: 0;
		padding: 0;
		background:#f5f5f5;
	}
	ul.list-grey li{
		list-style:none;
		border-bottom: 1px solid #ccc;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	ul.list-grey li:hover{ background:#ececec; cursor: pointer;}
	ul.list-grey li:hover a{color: #f7941d;}
	ul.list-grey li:last-child{border-bottom:none;}
	ul.list-grey li a{
		text-decoration: none;
		color:#0072bc;
		font-size: 12px;
		line-height: 22px;
		padding: 2px 21px;
		display: block;
	}

	/*HOT REVIEW*/
		.list-carousel-hr-home{
			float: left;
			width: 453px;
			border:1px solid #e1e1e1;
			border-right: 0;
			position: relative;
		}

		.list-carousel-hr-home ul#pro-forum-ht{
			float: left;
			padding: 0;
			list-style: none;
		}

		.list-carousel-hr-home li{
			float: left;
		}

		.list-carousel-hr-home li figure,
		.list-carousel-hr-home li figure div{
			width: 150px;
			height: 85px;
			padding: 5px 0;
			margin: 0;
			text-align: center;
		}

		.list-carousel-hr-home li figure div img{
			margin: 0 auto;
			max-width: 100%;
			max-height: 100%;
		}

		.list-carousel-hr-home li a{
			display: block;
			height: 128px;
			background-color: #fff;
			border-right:1px solid #e1e1e1; 
			text-decoration: none;
		}

		.caroufredsel_wrapper{
			margin:0 !important;
		}

		.ca-nav a{
			width:25px;
			height:28px;
			background:#eeeeee url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_slider.png) no-repeat top left;
			position:absolute;
			margin-top:-19px;
			left:-40px;
			text-indent:-9000px;
			opacity:0.7;
			cursor:pointer;
			z-index:100;
			font-family: inherit;
		}
		.ca-nav a.next{
			background-position:top right;
			left:auto;
			right:1px;
		}

		.ca-nav a.prev{
			background-position:-50px 0px;
			left:0;
		}
		.ca-nav a:hover{
			opacity:1.0;
		}
		 
		.list-carousel-hr-home li a .hp-hot-review-title{
			width: 148px;
			background: #eeeeee;
			border: 1px solid #f2f2f2;
			bottom: 0;
			display: table;
			height: 31px;
			margin: 0px;
			padding: 0px;
			position: relative;
			transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
		}

		.list-carousel-hr-home li a:hover .hp-hot-review-title{
			background:#f2f2f2;
			border-top:1px solid #f7941d;
		}

		.list-carousel-hr-home .hp-hot-review-title h4{
			color: #0072bc;
			display: table-cell;
			font-size: 10px;
			font-weight: 600;
			width: 100px;
			margin: 0px;
			padding: 0px;
			text-align: center;
			vertical-align: middle;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}
		.list-carousel-hr-home li a:hover .hp-hot-review-title h4{
			color: #f7941d;
		}

		.list-carousel-hr-home .hp-hot-review-title:before,
		.list-carousel-hr-home .hp-hot-review-title:after{
			content: "";
			height: 0;
			left: 50%;
			position: absolute;
			width: 0;
			-moz-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
		}

		.list-carousel-hr-home .hp-hot-review-title:before{
			border-bottom: 7px solid transparent;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin-left: -7px;
			top: -7px;
			z-index: 1;
		}

		.list-carousel-hr-home .hp-hot-review-title:after{
			border-bottom: 6px solid transparent;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			margin-left: -6px;
			position: absolute;
			top: -6px;
			z-index: 2;
		}

		.list-carousel-hr-home li a:hover .hp-hot-review-title:before{
			border-bottom-color: #f7941d;
		}

		.list-carousel-hr-home li a:hover .hp-hot-review-title:after{
			border-bottom-color: #f2f2f2;
		}


/*TOP PRODUCTS*/
	.top-products-homepage{
		margin-top: 10px;
		margin-left: 15px;
	}
	.top-products-homepage ul{
		margin:0;
		padding:0;
	}

	.top-products-homepage ul li{
		list-style: none;
		float: left;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.top-products-homepage ul li:nth-child(4n){
		margin-right: 0;
	}

	.top-products-homepage ul li a{
		color: #0072bc;
		width: 135px;
		background-color: #ebebeb;
		font-size: 14px;
		
		display: block;
		line-height: 43px;
		text-decoration: none;
		text-align: center;
		border-radius: 3px;
		
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.top-products-homepage ul li a:hover{
		background: #1497ec;
		color: #ffffff;
	}

	
	/*PROMOTED FORUM*/
	#promoted-forum-homepage{
		margin: 0;
		padding: 0;
		list-style: none;
		background-color: #f5f5f5;
		padding-left: 5px;
	}

	#promoted-forum-homepage li{
		float: left;
		width: 135px;
		height: 30px;
		margin: 10px 0 10px 10px;
		position: relative;
	}

	#promoted-forum-homepage li a { 
		display: table; 
		font-size: 12px;
		text-decoration: none;
		color: #555555;
	}

	#promoted-forum-homepage li a:hover{
		color: #0072bc;
		text-decoration: none;
	}

	#promoted-forum-homepage li a h3{
		padding: 0;
		line-height: 100%;
		word-wrap:break-word;
		overflow: hidden;
		display: table-cell; 
		vertical-align: middle;
	}

	#promoted-forum-homepage li a .icon-forum{
		width: 30px !important;
		height: 30px;
		float: left;
		vertical-align: middle;
		margin:0 5px 0 0;
		display: inline-block;
		line-height: 30px;
	}
	#promoted-forum-homepage li a .icon-forum div{
		width: 30px;
		height: 30px;
	}   
	#promoted-forum-homepage li a .icon-forum div img{
		max-width: 30px;
		max-height: 30px;
	}

/*SELLER STORY*/
	ul#kk-hp-seller-story{
		float: left;
		padding: 0;
		margin:0;
		list-style: none;
		width: 600px;
	}

	ul#kk-hp-seller-story li{
		width: 150px;
		float: left;
	}

	ul#kk-hp-seller-story li a{
		display: block;
		height: auto;
		background-color: #fff;
		border-right:1px solid #e1e1e1; 
		text-decoration: none;
	}

	ul#kk-hp-seller-story h4{
		color: #0072bc;
		display: table-cell;
		font-size: 12px;
		font-weight: 400;
		width: 145px;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	ul#kk-hp-seller-story .hp-seller-story-text{
		width: 148px;
		background: #eeeeee;
		border: 1px solid #f2f2f2;
		bottom: 0;
		display: table;
		height: 30px;
		margin: 0px;
		padding: 0px;
		position: relative;
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
	}


	ul#kk-hp-seller-story li figure{
		margin: 0;
		height: 175px;
		width: 149px;
	}

	ul#kk-hp-seller-story li div{
		height: 175px;
		width: 149px;
	}
	
	ul#kk-hp-seller-story li div img{
		max-height: 175px;
		max-width: 149px;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text h4{
		color: #e68430;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text{
		border-top: 1px solid #f7941d;
	}

	ul#kk-hp-seller-story .hp-seller-story-text:before , ul#kk-hp-seller-story .hp-seller-story-text:after{
		content: "";
		border-bottom: 10px solid transparent;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		height: 0;
		left: 50%;
		margin-left: -10px;
		position: absolute;
		top: -10px;
		width: 0;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text:before{
		border-bottom: 11px solid #e5e5e5;
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		content: "";
		height: 0;
		left: 50%;
		margin-left: -11px;
		position: absolute;
		top: -11px;
		width: 0;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text:after{
		border-bottom: 10px solid #eeeeee;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		content: "";
		height: 0;
		left: 50%;
		margin-left: -10px;
		position: absolute;
		top: -10px;
		top: -9px\9 !important;
		width: 0;
	}

	ul#kk-hp-seller-story li a:hover .hp-seller-story-text:before{
		border-bottom-color: #f7941d;
	}

	ul#kk-hp-seller-story li a:hover .hp-seller-story-text:after{
		border-bottom-color: #f2f2f2;
	}

	ul#kk-hp-seller-story li a img{
		margin: 0 auto;
		max-width: 100%;
	}

/*Share*/
	.btn-share{
		overflow: hidden;
		transition: width 0.1s ease-in-out;
		width: 20px;
	}

	.btn-share.open{    
		width: 110px;
		transition: width 0.1s ease-in-out;
	}

	.btn-share ul {
		height: 20px;
		margin:0;
		padding: 0;
		float: right;
	}

	.btn-share ul li{
		margin:0;
		padding: 0;
		list-style: none;
		width: 20px;
		height: 20px;
		float: right;
		margin-left: 2px;
		background: #b7b7b7;
		transition: all 0.3s ease-in-out;
		cursor: pointer;
	}

	.btn-share ul li a{
		background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_social.png);
		display: block;
		width: 20px;
		height: 20px;
		text-align: center;
	}


	body.fjb.q .btn-share ul li#share:hover{background: #7cd168;}
	body.fjb.q .btn-share.open ul li#share{background: #7cd168;}

	.btn-share ul li#share:hover{background: #1497ec;}
	.btn-share.open ul li#share{background: #1497ec;}

	.btn-share.open ul li#google:hover{background: #c51d22;}
	.btn-share.open ul li#twitter:hover{background: #00adee;}
	.btn-share.open ul li#fb:hover{background: #3054a6;}
	.btn-share.open ul li#mindtalk:hover{background: #0ea1a8;}
	.btn-share ul li#share a{background-position: -39px -127px;}
	.btn-share ul li#google a{background-position: -110px -127px;}
	.btn-share ul li#twitter a{background-position: -92px -127px;}
	.btn-share ul li#fb a{background-position: -74px -127px;}
	.btn-share ul li#mindtalk a{background-position: -56px -127px;}

/*Tab*/
	ul.tab-nav {
		margin: 0;
		padding-left: 0;
		list-style: none;
		border-bottom: 1px solid #dddddd;
	}
	ul.tab-nav > li {
		position: relative;
		display: block;
		float: left;
		padding:0px;
		margin:0px;
		margin-bottom: -1px;
		z-index: 1;
	}
	ul.tab-nav > li > a {
		position: relative;
		text-align: center;
		display: block;
		padding: 5px 0px;
		color:#0072bc;
		text-decoration:none; 
		border: 1px solid #1497ec;
		font-size:14px;
		background:#fdfdfd;
	}

	ul.tab-nav > li > a:hover{
		text-decoration: none;
		background-color: #84C5E0;
		border-color: #1497ec;
		color:white;
	}

	ul.tab-nav > li > a:focus {
		text-decoration: none;
		background-color: #1497ec;
		border-color: #1497ec;
		color:white;
	}

	ul.tab-nav > li.disabled > a {
		color: #cccccc;
		background: #eeeeee;
		border: 1px solid #eeeeee;
	}

	ul.tab-nav > li.disabled > a:hover,
	ul.tab-nav > li.disabled > a:focus {
		color: #cccccc;
		text-decoration: none;
		background-color: transparent;
		cursor: not-allowed;
	}

	ul.tab-nav .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}
	ul.tab-nav > li > a > img {
		max-width: none;
	}

	ul.tab-nav > li.active > a,
	ul.tab-nav > li.active > a:hover,
	ul.tab-nav > li.active > a:focus {
		color: #fff;
		background-color: #1497ec;
		border: 1px solid #1497ec;
		border-bottom-color: transparent;
		cursor: default;
	}

	ul.tab-nav > li.active > a:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -4px;
		border-width: 6px 6px 0px 6px;
		border-style: solid;
		border-color: #1497ec transparent;  
	}

	ul.tab-nav > li.active > a:before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -5px;
		/*border-width: 7px 7px 0px 7px;
		border-style: solid;
		border-color: rgba(0,0,0,0.1) transparent;    */
		border:solid 7px transparent;
		border-top-color: rgba(0,0,0,0.1);
	}
	.fade {
		opacity: 0;
		-webkit-transition: opacity 0.15s linear;
		transition: opacity 0.15s linear;
	}
	.fade.in {
		opacity: 1;
	}

	ul.tab-nav:before,
	ul.tab-nav:after {
		content: " ";
		display: table;
	}
	ul.tab-nav:after{
		clear: both;
	}


/* =================================================================
   Clearfix
   ================================================================= */
.clearfix>label {
	font-weight:700
}
.clearfix>label:after {
	content:":";
	padding-left:10px
}
.clearfix {
	/*margin-bottom:18px;*/
	zoom:1;
	margin-bottom:0;
}
.clearfix:before {
	content:"";
	display:table;
	zoom:1
}
.clearfix:after {
	clear:both;
	content:"";
	display:table;
	zoom:1
}


	body.q{
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		background: #fafafa;
		margin:0;
		min-width: 100%;
		display: block;
	}
	body.q header#site-header-q{
		background: #ebebeb;
		height: 50px;
		left: 0;
		margin-bottom: 10px;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9999;
	}
	body.q header#site-header-q.scrl{
		box-shadow:0 1px 5px rgba(0,0,0,.3);
	}
	body.q header#site-header-q ul{
		margin: 0;
		padding: 0;
		font-size: 14px;
		font-weight: 600;
	}
	body.q header#site-header-q ul li{
		list-style: none;
	}

	body.q header#site-header-q ul li ul li{
		padding-left: 0;
	}
	body.q header#site-header-q ul li a i,
	body.q header#site-header-q ul li button#btn-search{
		font-size: 16px;
		line-height: 22px;
	}
	/*.toolbar input[type="search"], .toolbar button#btn-search*/
	body.q h1.logo{
		margin: 6px 0;
		float: left;
	}

	body.q header#site-header-q ul.nav-header{
		margin: 0 5px;
	}
	body.q ul.nav-header>li a{
		display: inline-block;
		padding: 0 25px;
		line-height: 50px;
		text-decoration: none !important;
		position: relative;
		color: #555555;
	}

	body.q ul.nav-header>li a::after{
		border-bottom: 0px solid #fafafa;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		bottom: 0;
		content: "";
		height: 0; 
		left: 50%;
		margin-left: -6px;
		position: absolute;
		width: 0; 
		transition: border-bottom 0.3s ease-in-out;
	}
	body.q ul.nav-header>li a:hover::after,
	body.q ul.nav-header>li.current a::after{
		border-bottom: 6px solid #fafafa;
		transition: border-bottom 0.3s ease-in-out;
	}
	body.q ul.nav-header>li{
		float: left;
		list-style: none;
		position: relative;
	}
	body.q ul.nav-header>li.current a{
		color: #FFFFFF;
	}
	body.q ul.nav-header>li a:hover{
		color: #FFFFFF;
		transition: all 0.2s ease-in-out;
	}

	body.q ul.nav-header>li#kk-forum.current a{background: #1497ec; font-weight: bold;}
	body.q ul.nav-header>li#kk-forum a:hover{background: #49ABEB;}
	body.q ul.nav-header>li#kk-fjb.current a{background: #7cd168; font-weight: bold;}
	body.q ul.nav-header>li#kk-fjb a:hover{background: #97D688}
	body.q ul.nav-header>li#kk-groupee.current a{background: #C365D1; font-weight: bold;}
	body.q ul.nav-header>li#kk-groupee a:hover{background: #CC85D6}
	body.q ul.nav-header>li#kk-radio.current a{background: #1497ec; font-weight: bold;}
	body.q ul.nav-header>li#kk-radio a:hover{background: #49ABEB}

	ul.user-control #notif{
		font-size: 13px;	
		color: #e47911;
		float: left;
		line-height: 13px;
		font-weight: 600;
		padding: 15px 0;
		cursor: pointer;
		height: 19px;
		position: relative;
		margin: 0 10px;
		width: 34px;
		text-align: center;
	}
	ul.user-control #notif .notif-wrap > div::after{
		content: "";
		position: absolute;
		bottom: 50%;
		margin-bottom: -3px;
		width: 0; 
		height: 0; 
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;   
		border-left: 3px solid #fefefe;
		right: -3px;
		display: block;
	}
	ul.user-control #notif span{
		display: block;
		margin-bottom: 3px;
		text-align: center;
	}
	ul.user-control #notif .notif-wrap{
		background: #FFFFFF;
		display: inline-block;
		height: 13px;
		padding: 3px;
		position: relative;
		text-align: center;
	}
	ul.user-control #notif .notif-wrap>div{
		height: 13px;
		overflow: hidden;
	}

	ul.user-control #notif .sub-menu li a{
		color: #4d4d4d !important;
		border-bottom: 1px dotted #d3d3d3;
		padding: 0 10px !important;
		line-height: 28px;
	}
	ul.user-control #notif .sub-menu li:last-child a{
		border-bottom:0;
	}
	ul.user-control #notif .sub-menu li a:hover{
		color: #4d4d4d !important;
		line-height: 28px;
	}

	ul.user-control .notif-count{
		margin: 5px 0;
		height: 18px;
		line-height: 18px;
		padding: 0 2px;
		font-weight: normal;
		font-size: 11px;
		min-width: 12px;
		text-align: center;
		background: #fefefe;
		color: #e47911;
		position: absolute;
		top: 0;
		right: 5px;

	}

	ul.user-control .notif-count::after{    
		border-right:3px solid #fefefe;
		border-left: 0;
		left: -3px;
		content: "";
		position: absolute;
		bottom: 50%;
		margin-bottom: -3px;
		width: 0; 
		height: 0; 
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		display: block;
	}

	ul.user-control a:hover .notif-count,
	#menu-accordion li.accordion-dd a:hover .notif-count{
		background: #fefefe;
	}

	ul.user-control a:hover .notif-count::after,
	#menu-accordion li.accordion-dd a:hover .notif-count::after{
		border-right-color: #fefefe;
	}

	@-webkit-keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-40px);
			transform: translateY(-40px)
		}

		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			transform: translateY(0)
		}
	}

	@keyframes fadeInDown {
		0% {
			opacity: 0;
			-webkit-transform: translateY(-40px);
			-ms-transform: translateY(-40px);
			transform: translateY(-40px)
		}

		100% {
			opacity: 1;
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: traGnslateY(0)
		}
	}

	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown
	}
	.animated {
		-webkit-animation-duration: 0.6s;
		animation-duration: 0.6s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both
	}



/*sub-menu accordion*/
	#site-header-q #menu-accordion li.accordion{
		padding: 0 10px;
		cursor: pointer;
		color: #555555;
		border-bottom: 1px solid #eaeaea;
	}
	#menu-accordion li.accordion:hover{
		color: #555555;
		background: #f9f9f9;
	}
	#menu-accordion li.open{
		background: #e5e5e5 !important;
		border-left: 3px solid #1497ec;
		border-top: 1px solid #a1a1a1;
		border-right: 1px solid #a1a1a1;
		border-bottom:0;
		padding:0 10px 0 8px;
		margin:-1px;
		line-height: 32px;
		color: #4d4d4d;
	}
	#menu-accordion li.accordion-dd{
		display: none;
		background: #f5f5f5;
		border: 1px solid #a1a1a1;
		margin: 0 -1px;
	}
	#menu-accordion li.accordion-dd a,
	#site-header-q .sub-menu li a{
		color: #4d4d4d;
		border-bottom: 1px dotted #d3d3d3;
		line-height: 28px;
		position: relative;
	}
	#menu-accordion li.accordion-dd a:last-child,
	#site-header-q .sub-menu li:last-child a{
		border-bottom:0;
	}
	#menu-accordion li.accordion-dd a:hover{
		background: rgba(0,0,0,0.1) !important;
		margin: 0;
	}
	#menu-accordion li.accordion-dd .sub-title{
		background: #00F;
		color: #FFFFFF;
		font-weight: 600;
		padding: 2px 10px;
	}

	#menu-accordion li.accordion-dd .notif-count{
		background: #f5f5f5;
	}

	#menu-accordion li.accordion-dd .notif-count::after{    
		border-right-color: #f5f5f5;
	}
	#menu-accordion li.open i.dd-icon{
		color: #1497ec;
	}
	body.fjb.q #menu-accordion li.open{
		border-left-color: #7cd168;
	}
	body.fjb.q #menu-accordion li.open i.dd-icon{
		color: #7cd168;
	}

	#menu-accordion li{
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;  
	}


/* =================================================================
   NAV Sidebar
   ================================================================= */
.sidebar { width: 180px; }

.sidebar .tab-content{
	min-height: 310px;
	background-color: #ededed;
}

body.forum.q .sidebar .tab-content{
	min-height: 341px;
	background-color: #ededed;
}

#all-category input.search-category{
	height: auto;
}

/*Filter*/
input.search-category { 
	outline: none;
	border:none;
	height: 30px;
	height: auto\9 !important; 
	padding: 5px 0 5px 5px;
	width:147px; 
	border-right:none; 
	margin: 0;
	margin-bottom:10px; 
	float: left;
	background: none;
	/*line-height: 20px;*/
}   




input.search-category::-webkit-input-placeholder{ font-style: italic; }
input.search-category::-moz-placeholder         { font-style: italic; }
input.search-category:-moz-placeholder          { font-style: italic; }
input.search-category:-ms-input-placeholder     { font-style: italic; }

.filter-icon { 
	color: #b7b7b7;
	line-height: 28px;
	height: 28px;
	width: 28px;
	float: left;
	text-align: center;
	padding: 0px 3px 0px 0px;
	position: absolute;
	right: 0;
	font-size: 20px;
}

form.filter-category {
	margin:0; 
	padding:0px; 
	position: relative;
	border-radius: 3px 3px 0 0; 
	background:#ededed;
	height:30px;
}   

#update {
	display: none;
	position: absolute;
	top: 40px;  
	width:180px; 
	height: 340px;  
	margin: 0 auto; 
	padding:0;
	z-index:2;
}
#update ul {
	width:180px; 
	list-style: none; 
	margin: 0;
	padding: 0; 
	background: #ededed;
}
#update ul#scroll-bar-filter-cat{
	height:300px; 
	overflow:auto; 
	padding: 0px;
}
#update ul:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 46%;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #ededed transparent;  
}
/*#update ul:before{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	left: 45%;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(0,0,0,0.1) transparent;    
}*/
#update ul li {
	background:#ededed; 
	border-left: 5px solid #ededed; 
	cursor: move;
	-webkit-animation:          bump 1s;
	-moz-appearance-animation:  bump 1s;
	-o-animation:               bump 1s;
	animation:                  bump 1s;
}
@-webkit-keyframes bump {
	0%   {opacity: 0.3;}
	100% {opacity: 1.0;}
}
@-o-keyframes bump {
	0%   {opacity: 0.3;}
	100% {opacity: 1.0;}
}
@-moz-keyframes bump {
	0%   {opacity: 0.3;}
	100% {opacity: 1.0;}
}
@keyframes bump {
	0%   {opacity: 0.3;}
	100% {opacity: 1.0;}
}
#update ul li a {
	margin: 0px 10px 0px 5px;
	border-bottom: 1px solid #dcdcdc; 
	text-decoration: none;
	color:#555555;
	font-size:12px;
	display: block;
	text-transform: capitalize;
	padding: 10px 0;
	word-break: break-word;
}
#update ul li img {
	float: left;
	width: 20px;
	margin-right: 10px;
}
#update ul li:hover {
	border-left: 5px solid #7cd168; 
	background: white;
}
#update ul li:hover a{
	color:#7cd168;
}

#update ul li.selected,
#update ul li:hover {
	border-left: 5px solid rgba(20,151,236,0.75); 
	background: white;
}

#update ul li:hover a{
	color:rgba(20,151,236,0.75); 
}

#update .close-filter {
	background: #ccc; 
	cursor:pointer; 
	text-align: center;  
	margin:auto; 
	width:180px; 
	padding: 6px 0px;
}
#update .close-filter a#close { 
	text-align: center; 
	margin:auto; 
	font-size: 12px;  
}
#update .close-filter:hover a#close{
	color: red;
} 
			
/* Sidebar Container*/


ul#sidebar-category,
ul#sidebar-subscribe {
	margin: 0; 
	padding: 0px; 
	position: relative;
	background-color: #fafafa;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

ul#sidebar-category > div li,
ul#sidebar-category > li{
	height: 31px;
	list-style: none;
	cursor: pointer;
}
ul#sidebar-subscribe > li{
	height: 31px;
	list-style: none;
	cursor: pointer;
	background: #ededed;
}
ul#sidebar-category > li,
ul#sidebar-category > div>li{
	/*border-bottom:1px solid #dcdcdc;*/
	background: #ededed;
}

ul#sidebar-category > div li:last-child > div#list-category,
ul#sidebar-category > li:last-child > div#list-category,
ul#sidebar-subscribe > li:last-child > div#list-category{ 
	border-bottom: none;
}

ul#sidebar-category > div li > div#list-category,
ul#sidebar-category > li > div#list-category,
ul#sidebar-subscribe > li > div#list-category {
	color:#555555;
	font-size:12px;
	text-decoration: none; 
	text-transform: capitalize; 
	display: block; 
	height: 31px;
	border-left: 5px solid #ededed; 
	padding-left: 5px;
	/*text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 170px;*/
}
ul#sidebar-category > div li > div#list-category > hr,
ul#sidebar-category > li > div#list-category > hr,
ul#sidebar-subscribe > li > div#list-category > hr {
	border:none;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
	z-index: 1;
}   
ul#sidebar-category > div li > div#list-category > hr.min-10,
ul#sidebar-category > li > div#list-category > hr.min-10,
ul#sidebar-subscribe > li > div#list-category > hr.min-10{
	margin-right:10px;
}
ul#sidebar-category > div.sb-fjb li > div#list-category.hover,
body.fjb.q ul#sidebar-category > li > div#list-category.hover{
	border-left: 5px solid rgba(124,209,104,0.5); 
	background: rgba(255,255,255,.5); 
	color:#7cd168; 
}
body.fjb.q ul#sidebar-subscribe > li:hover{
	border-left: 5px solid rgba(124,209,104,1); 
	background: rgba(255,255,255,1); 
	color:#7cd168;
}

ul#sidebar-category > div.sb-fjb li > div#list-category.active-sidebar{
	background: rgba(255,255,255,1); 
	border-left: 5px solid rgba(124,209,104,1);
	z-index: 9;
	color: #7cd168;
	position: relative;
}


ul#sidebar-category > div.sb-forum li > div#list-category.active-sidebar,
ul#sidebar-category > li > div#list-category.active-sidebar,
ul#sidebar-subscribe > li > div#list-category.active-sidebar {
	border-left: 5px solid #1497ec; 
	border-right: 1px solid #fff; 
	background: white; 
	color:#1497ec; 
	z-index: 10;
	position: relative;
	width: 170px;
}

ul#sidebar-category > div.sb-forum li > div#list-category.hover,
ul#sidebar-category > li > div#list-category.hover{
	border-left: 5px solid rgba(20,151,236,0.5); 
	background: rgba(255,255,255,.5);
	color:#1497ec;
}

ul#sidebar-subscribe > li > div#list-category:hover {
	border-left: 5px solid rgba(20,151,236,1); 
	background: rgba(255,255,255,1);
	color:#1497ec;
}
ul#sidebar-category > div.sb-forum li > div#list-category.active-sidebar,
ul#sidebar-category > li > div#list-category.active-sidebar,
ul#sidebar-subscribe > li > div#list-category.active-sidebar {
	border-left: 5px solid #1497ec; 
	border-right: 1px solid #fff; 
	background: white; 
	color:#1497ec; 
	z-index: 10;
	position: relative;
	width: 170px;
}

.tab-sidebar > li > a {
	background: #1497ec;
}
.tab-sidebar > li.active > a,
.tab-sidebar > li.active > a:hover,
.tab-sidebar > li.active > a:focus {
	background-color: #ededed;
}

ul#sidebar-category > li > div#list-category.active-sidebar i{background-position-y: -80px;}

ul#sidebar-category > div.sb-forum li > div#list-category.hover i,
ul#sidebar-category > div.sb-forum li > div#list-category.active-sidebar i{background-position-y: -80px;}

ul#sidebar-category > div.sb-fjb li > div#list-category.hover i,
ul#sidebar-category > div.sb-fjb li > div#list-category.active-sidebar i{background-position-y: -20px;}

/* SVG ICON SIDEBAR */
.sprite-icon-sidebar{ 
	background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_icon_sidebar.png); 
	display: inline-block;
	width : 20px; 
	height: 20px;
	position: relative; 
	top: 4px; 
	margin-right: 10px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}
i.all           { background-position: -140px 0px; }
i.hobbies       { background-position: -120px 0px; } 
i.electronics   { background-position: -100px 0px; } 
i.fashion       { background-position: -80px 0px;  } 
i.handphones    { background-position: -60px 0px;  } 
i.cameras       { background-position: -40px 0px;  } 
i.computers     { background-position: -20px 0px;  } 
i.automotives   { background-position:   0px 0px;  } 
i.home--office { background-position: -160px 0px; } 
i.travel--leisure { background-position: -180px 0px; } 
i.subs          { background-position: -200px 0px; }    

i.technology    { background-position: 0px -60px;}
i.knowledge     { background-position: -22px -60px;} 
i.lifestyle     { background-position: -42px -60px;} 
i.entertainment { background-position: -62px -60px;} 
i.interest      { background-position: -82px -60px;} 
i.news--info    { background-position: -102px -60px;} 
i.sports--adventure { background-position: -122px -60px;} 
i.kasak-kusuk   { background-position: -162px -60px;} 
i.life-corner   { background-position: -182px -60px;} 
i.regional      { background-position: -222px -60px;}  

/* Sub Navigation Categories */
.subnav{
	display:none;
	position: absolute;
	width: 579px;
	border: 1px solid #d4d4d4;  
	padding: 10px 20px;
	background: #ffffff;
	z-index:0;
	cursor: auto;
}
.subnav ul.nav-browse{
	margin: 0;
	padding: 0;
	font-size: 10px;
	width: 195px;
	float: left;
	margin-right: 60px;
}
.subnav ul.nav-browse li{
	list-style: none;
	height: auto !important;
}
.subnav ul.nav-browse li.nav-head{
	padding-bottom: 3px;
	font-size: 12px;
}
.subnav ul.nav-browse li.nav-head a{
	color: #e47911;
	font-weight: 600;
}
.subnav ul.nav-browse li.nav-head a:hover{
	color: #c03201;
}
.subnav ul.nav-browse li.nav-divider{
	border-bottom: 1px solid #bbbbbb;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.subnav ul.nav-browse li:last-child.nav-divider{
	border-bottom: 0;
}
.subnav ul.nav-browse li a{
	text-decoration: none;
	color: #666666;
	line-height: 10px;
}
.subnav ul.nav-browse li a:hover{
	color: #4d4d4d;
	font-weight: 600;
}
.subnav .nav-promo{
	position: absolute;
	z-index: 0;
}
/* TAB Sidebar categories */
.tab-sidebar {
	margin: 0;
	padding: 0;
	list-style: none;  
	background-color: #ededed;
	height:30px; 
	overflow:hidden; 
	border-bottom: 1px solid #dddddd;
}
.tab-sidebar > li {
	float: left; 
	margin-bottom: -1px; 
}
.tab-sidebar > li > a {
	position: relative;
	display: block; 
	height: 30px;
	border-bottom: 1px solid #dcdcdc; 
	color:#555555; 
	font-size:12px;
	text-transform: capitalize;
	text-decoration: none; 
	padding:0 5px;
	background: #1497ec;
}
.tab-sidebar > li.disabled > a {
	color: #999999;
}
.tab-sidebar > li.disabled > a:hover,
.tab-sidebar > li.disabled > a:focus {
	color: #999999;
	text-decoration: none;
	background-color: transparent;
	cursor: not-allowed;
}
.tab-sidebar .open > a,
.tab-sidebar .open > a:hover,
.tab-sidebar .open > a:focus {
	background-color: #f2f2f2;
}
.tab-sidebar > li i.subs { background-position: -200px -40px; margin-right:0px; }
.tab-sidebar > li i.all  { background-position: -140px -40px; margin-right:0px; }
.tab-sidebar > li > a .tab-sidebar-head { 
	display: inherit; 
	font-weight: normal; 
	font-size: 13px; 
	padding-left :10px;
}
.tab-sidebar > li > a .tab-sidebar-head.show { display: inline; opacity:1;text-indent: 0px;}
.tab-sidebar > li > a .tab-sidebar-head.hide { display: none; opacity:0;text-indent: -9999px;}
.tab-sidebar > li.active i{ color: #555555;}
.tab-sidebar > li i{ color: #FFFFFF;}

/*.tab-sidebar > li:hover > a div{ background: #7cd168; }
.tab-sidebar > li:hover i.subs { background-position: -200px 0px; }*/
.tab-sidebar > li:hover i.all  { background-position: -140px 0px; }
.tab-sidebar > li > a:hover,
.tab-sidebar > li > a:focus {
	text-decoration: none; 
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,.1);*/
	background: rgba(20,151,236,0.75);
}

.tab-sidebar > li.active > a,
.tab-sidebar > li.active > a:hover,
.tab-sidebar > li.active > a:focus {
	color: #555555;
	text-indent: 0px;    
	width :135px;
	padding-left: 10px;
	text-decoration: none;
	background-color: #ededed !important;
	cursor: default;
}
.tab-sidebar > li.active i.subs {background-position: -200px -0px; }
.tab-sidebar > li.active i.all {background-position: -140px -0px;  }

.tag-wrap,
.tag-wrap .subnav{
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}
.tab-content > .tab-pane { display: none;}
.tab-content > .active { display: block;}
.fade {
	opacity: 0;
	-webkit-transition: opacity 0.15s linear;
	transition: opacity 0.15s linear;
}
.fade.in {
	opacity: 1;
}

/* Drag&drop sort */
li.sortable-placeholder {
	border: 1px dashed #ccc;
	background: #fff;
	height: 28px!important;
}
	   
.search-box{
	height: 30px;
	margin-bottom: 10px;
	background: #F0f0f0;
}

/*UNIQNESS*/
	.uniqness{
		margin-top: 10px;
	}
	.uniqness ul{
		padding: 0;
	}
	.uniqness ul li{
		padding: 0;
		margin: 0 0 10px;
		position: relative;
		list-style: none;
		cursor: default;
	}
	.uniqness ul li:hover .ico-uniq{
		background: rgba(247,148,29,0.75);
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.uniqness ul li#es-teler:hover .uniq-text{
		background: rgba(247,148,29,0.75);
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#es-teler .uniq-text{
		background: #f7941d;
		border-left: 1px solid #FFFFFF;
		font-weight: 400;
		line-height: 40px;
		padding: 0 5px;
		color: #ffffff;
		font-size: 16px;
		margin: 0;
		text-align: center;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.uniqness ul li .ico-uniq{
		width: 30px;
		height: 30px;
		background: #f7941d;
		padding: 5px;
		border-radius: 100px;
		list-style: none;
		float: left;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		text-align: center;
		line-height: 35px;
		position: relative;
	}

	#es-teler .ico-uniq{
		border-radius: 0;
	}
	/*.uniqness ul li a{
		position: absolute;
		top: 0;
		right: 0;
		left:0;
		bottom: 0;
	}*/

	.uniq-text{
		margin-left: 10px;
		float: left;
		width: 129px;
		font-size: 14px;
		color: #555555;
	}

	.uniq-note{
		font-size: 12px;
		display: block;
	}

#leftContent{
	position: absolute;
	z-index: 9998;
	/*width: 190px !important;*/
}
#mainContent{
	float: right;
}

#kk-container{
	margin-top: 60px;
}

.inner #main{
	margin-top: 0px;
	min-height: 500px;
	/*float: left;
	width: 100%;*/
}

.left{float: left;}
.right{float: right;}

.ads-lb{
	width: 728px;
	height: 90px !important;
	margin: 0 auto;
}
.st-btn{
	width: 139px;
	float: left;
	margin-top: 20px;
	color: #FFFFFF;
	font-weight: 600;
	line-height: 47px;
	text-decoration: none;
	padding-left:4px;
}
.st-btn span.icon{  
	background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_social.png);
	display: block;
	float: left;
	border-right: solid 1px #FFFFFF;
	line-height: 50px;
	height: 50px;
	width: 40px;
	padding: 0 5px;
}
.st-btn span.label{
	text-align: center;
	width: 87px;
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	line-height: 100%;
}   

.st-btn#buy span{background-position: -85px -80px;}
.st-btn#sell span{background-position: -35px -80px;}
.st-btn#c-thread span{background-position: -135px -80px;}

.st-btn#buy,
.st-btn#sell,
.st-btn#c-thread{
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.st-btn#buy{
	background: #ce52bb;
}
.st-btn#buy:hover{
	background: rgba(197,97,212,0.75);
}
.st-btn#sell{
	/*margin-right: 10px;*/
	background: #f7941d;
}
.st-btn#sell:hover{
	background: rgba(247,148,29,0.75);
}
.st-btn#c-thread{
	margin-right: 10px;
	background: #1497ec;
}
.st-btn#c-thread:hover{
	background: rgba(20,151,236,0.75);
}

.ads-lb-wrap{
	width: 790px;
	margin-right: 10px;
}

.hot-wrap{
	margin-bottom: 10px;
}
.hot-wrap .ht,
.hot-wrap .hr{
	float: left;
}
.hot-wrap .hr{
	margin-left: 10px;
	width: 455px;
}
.hot-wrap .ht{
	margin-right: 10px;
	width: 435px;
}

.hot-wrap .hr .tab-panel {
	background: #fff;
	border: 0;
	height: 250px;
	overflow: hidden;
	position: relative;
}



	.hot-wrap .hr .tab-nav a{
		width: 25%;
	}
	.hot-wrap .hr .tab-nav {
		margin: 0;
		padding-left: 0;
		list-style: none;
		border-bottom: 1px solid #dddddd;
	}
	.hot-wrap .hr .tab-nav > a {
		position: relative;
		display: block;
		float: left;
		padding:0px;
		margin:0px;
		margin-bottom: -1px;
		z-index: 1;
		text-align: center;
		text-decoration: none;
		box-shadow: inset 0 0 1px #e1e1e1
	}
	.hot-wrap .hr .tab-nav > a:last-child {
		border-right: 0 !important;
	}

	.hot-wrap .hr .tab-nav > a.current:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		left: 50%;
		margin-left: -4px;
		border-style: solid;
		border-color: #1497ec transparent;
		z-index: 9;
		top:-6px;
		border-width: 0 7px 7px 7px;
	}
		
	.hot-wrap .ht ul{
		margin: -2px 0 0 20px;
		padding: 0;
	}
	.hot-wrap .ht ul li{
		margin:0;
		border-bottom: 1px solid #cccccc;
		padding: 0;
		list-style: none;
		font-size: 12px;
		line-height: 25px;
	}
	.hot-wrap .ht ul li a{
		color: #555555;
		text-decoration: none;
	}
	.hot-wrap .ht ul li a:hover{
		color: #0072bc;
	}


.ad300x250{
	height: 250px;
	width: 300px;
	/*background: #1BBC9B;*/
}

.h-title{
	color: #555555;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.h-title h2.title{
	border-left: 5px solid #f7941d;
	padding-left: 15px;
	line-height: 20px;
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
}
.h-title a{
	float: right;
	text-decoration: none;  
}
.h-title a:hover{text-decoration: underline;}

.h-title a.buttons{
	padding: 0 5px;
}
.h-title a.buttons:hover{text-decoration: none;}

.h-title a.small{font-size: 11px;}
.h-title a.medium{font-size: 13px;}

.h-title a.blue-link{
	color: #0072bc;
	margin-top: 4px;
}
.h-title a.orange-link{
	color: #f7941d;
	margin-top: 4px;
}

.h-title a.buttons.orange{
	background: #f7941d;
	border: 1px solid #f7941d;
	color: #ffffff;

	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.h-title a.buttons.orange:hover{
	background: #ffffff;
	color: #f7941d;
}


/*PRODUCT OF THE WEEK*/
	#fjb-product-of-the-week{
		height: 250px;
		position: relative;
	}
	#fjb-product-of-the-week a{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 2;
	}
	#fjb-product-of-the-week:hover img{
		opacity: 0.75;
	}
	.fjb-product-of-the-week-name{
		display: block;
		font-weight: 600;
		color: #0072bc;
		text-decoration: none;
		border: 1px solid #ededed;
		background: #ededed;
		width: 298px;
		position: absolute;
		z-index: 2;
		text-align: center;
		bottom: 0;
		line-height: 34px;
		font-size: 12px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.fjb-product-of-the-week-name h3{
		display: inline-block;
	}
	#fjb-product-of-the-week:hover .fjb-product-of-the-week-name{
		/*border: 1px solid #ededed;*/
		background: #ffffff;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

/*TOP LOCATION*/
	.top-location ul{
		margin:0;
		padding:0;
	}

	.top-location ul li{
		list-style: none;
		float: left;
		margin-bottom: 10px;
		margin-right: 5px;
	}
	.top-location ul li:nth-child(5n){
		margin-right: 0;
	}

	.top-location ul li a{
		border-radius: 3px;
		border: 1px solid #7cd168;
		color: #0072bc;
		font-size: 12px;
		display: block;
		line-height: 33px;
		text-decoration: none;
		text-align: center;
		width: 114px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.top-location ul li a:hover{
		background: #7cd168;
		color: #FFFFFF;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

/*KASKUS STORE*/
section.tab-store label,
section.tab-store input{
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
section.tab-store label{
	width: auto;
}
	#kaskus-store ul.tab-nav li{
		width: 50%;
	}


/*DROPDOWN*/
	.dropdown {
		display:inline-block;
		padding:0;
		position:relative
	}
	.dropdown label {
		border-bottom:dotted 1px #ddd;
		color:#000;
		display:block;
		float:none;
		font-size:inherit;
		line-height:inherit;
		padding:5px 10px;
		text-align:left;
		width:145px
	}
	.dropdown label input[type=radio] {
		margin-right:5px
	}
	.dropdown>a {
		border:1px solid transparent;
		display:block;
		padding:4px 10px
	}
	.dropdown a {
		color:#363636;
		text-decoration:none !important
	}
	.dropdown a img {
		display:block;
		float:left
	}
	.dropdown>a:hover,
	.dropdown>a:focus {
		border:solid 1px #999;
		color:#484848 !important
	}
	.dropdown .dropdown-toggle::after {
		border-top-color:#999
	}
	.dropdown .sub-menu.dropdown-menu {
		background:#fff;
		display:none;
		margin-top:-1px;
		min-width:100px;
		z-index:30
	}
	.dropdown .sub-menu.dropdown-menu ul {
		list-style:none
	}
	.dropdown .sub-menu.dropdown-menu .act {
		padding:5px;
		text-align:center
	}
	.dropdown .sub-menu.dropdown-menu .act .button {
		font-weight:700;
		width:100px
	}
	.dropdown .sub-menu.dropdown-menu a{
		border-bottom:dotted 1px #ddd;
		display:block;
		padding:0 10px;
		transition: background 0.2s ease-in-out;
		white-space:nowrap;
	}
	.dropdown .sub-menu.dropdown-menu>a:hover,
	.dropdown .sub-menu.dropdown-menu>a:focus {
		color:#484848
	}
	.dropdown .sub-menu.dropdown-menu label:hover,
	.dropdown .sub-menu.dropdown-menu>a:hover {
		background:#f9f9f9;
		cursor:pointer;
		transition: background 0.2s ease-in-out;
	}
	.dropdown .sub-menu.dropdown-menu li:last-child a,
	.dropdown .sub-menu.dropdown-menu li:last-child label {
		border-bottom:solid 1px #f3f3f3
	}
	.dropdown.open {
		box-shadow:none !important;
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important
	}
	.dropdown.open>a {
		border-color:#999;
		border-bottom-color:transparent;
		box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
		-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.2);
		color:#484848;
	}
	.dropdown.open:after {
		content:"";
		display:none
	}

/*USER CONTROL*/
	ul.user-control>li{
		float: left;
		line-height: 50px;
		font-size: 14px;
		padding-left: 5px;
		cursor: pointer;
		font-weight: 600;
	}
	ul.user-control>li#after-login{
		padding-left: 0;
	}
	ul.user-control>li:hover,
	ul.user-control>li.dropdown.open {
		color:#f7941d;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

	ul.user-control .sub-menu {
		display: none;
		position: absolute;
		left: -30px;
		top: 50px;
		background: #ffffff;
		z-index: 83;
		border: 1px solid #d4d4d4 !important;
		border-top: 0;
		font-size: 12px !important;
		overflow: visible;
		margin: 0;
		width: 180px;
	}
	ul.user-control .sub-menu:before{
		content: "";
		border: solid 5px transparent;
		border-bottom-color: #ffffff;
		position: absolute;
		z-index: 3;
		top: -10px;
		left: 42px;
	}
	ul.user-control .sub-menu:after{
		content: "";
		border: solid 6px transparent;
		border-bottom-color: #d4d4d4;
		position: absolute;
		z-index: 2;
		top: -12px;
		left: 41px;
	}

	ul.user-control #after-login .vcard,
	ul.user-control #after-login .open .vcard{
		width: 28px;
		height: 28px;
		overflow: hidden;
		display: inline-block;
		border: 3px solid #ffffff;
		border-radius: 50%;
		margin-right: 5px;
		float: left;
		margin-top: 7px;
		transition: border-color 0.2s ease-in-out;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 40px; 
	}
	ul.user-control #after-login:hover .vcard,
	ul.user-control #after-login .open .vcard:hover{    
		border: 3px solid rgba(20, 151, 236,0.75);
		transition: border-color 0.2s ease-in-out;
	}
	body.fjb.q ul.user-control #after-login:hover .vcard,
	body.fjb.q ul.user-control #after-login .open .vcard:hover{ 
		border-color: rgba(124,209,104,0.75);
	}
	/*
	ul.user-control #after-login .vcard div{
		display: table-cell;
		vertical-align: top;
		width: 32px;
		height: 32px;
		cursor: pointer;
	}
	ul.user-control #after-login .vcard div img{
		margin: 0 auto;
		max-width: 32px;
		max-height: 32px;
	}*/

	ul.user-control #after-login .sub-menu li.signout a{
		text-align: right;
		color: #e47911;
		font-weight: 700;
	}

	ul.user-control li .sub-menu i.dd-icon{
		position: absolute;
		right: 5px;
		font-size: 18px;
		line-height: 30px;
	}
	ul.user-control li a i.help-icogn{
		color: #b7b7b7;
		font-size: 28px;
		vertical-align: middle;
	}
	ul.sub-menu li{
		line-height: 30px;
		font-weight: 400;
	}
	.dropdown ul.sub-menu li a{
		border-bottom: 1px solid #eaeaea;
	}
	.dropdown.open .dropdown-menu {
		display: block !important;
		box-shadow: none;
		text-align: left;
	}

	/* user control bf login */
	ul.user-control #before-login{
		margin:auto; 
		display: block; 
		cursor: pointer;
	}
	ul.user-control #before-login #pro-pic{
		background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_social.png) -190px -79px;
		float:left;
		height: 35px;
		width: 35px;
	}

	/* ----------------- DROPDOWN SIGNIN ----------------*/
	
	ul.user-control #before-login .sub-menu {
		padding: 10px;
		width: 208px;
		line-height: 20px;
		cursor: auto;
	}

	ul.user-control #before-login .sub-menu a{
		border: none;
		text-align: center;
	}

	ul.user-control #before-login .sub-menu.active  {
		display: block;
		z-index: 9999;
	}
	ul.user-control #before-login .sub-menu *{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul.user-control #before-login .sub-menu h4 {
		border-left: 5px solid #1cb8af;
		padding-left: 10px;
		color: #1cb8af;
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	ul.user-control #before-login .sub-menu input {
		border: 0;
		font-family: inherit;
		font-size: 100%;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}
	ul.user-control #before-login .sub-menu input:focus {
		outline: none;
	}
	ul.user-control #before-login .sub-menu input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
	ul.user-control #before-login .sub-menu input[type=text]#username, 
	ul.user-control #before-login .sub-menu input[type=password]#password {
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		outline: none;
		padding: 5px 4px 5px 5px;
		margin: 5px 4px 3px 0px;
		border: 1px solid #DDDDDD;
		background: #f2f2f2;
		font-size: 12px;
		-webkit-appearance: textfield;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		width: 90px;
		float: left;
	}
	

	/*ul.user-control #before-login .sub-menu input[type=text]#username { margin-right: 5px;}*/
	ul.user-control #before-login .sub-menu input[type=text]#username:focus,
	ul.user-control #before-login .sub-menu input[type=password]#password:focus{
		padding: 5px 4px 5px 5px;
		/*margin: 5px 1px 3px 0px;*/
		border: 1px solid #51cbee;
		/*-webkit-box-shadow: inset 0px 0px 3px  rgba(4, 4, 4, 0.25);
		-moz-box-shadow:    inset 0px 0px 3px  rgba(4, 4, 4, 0.25);
		box-shadow:         inset 0px 0px 3px  rgba(4, 4, 4, 0.25);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
		-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
		zoom: 1;*/
	}
	ul.user-control #before-login .sub-menu input[type=text]#username::-webkit-input-placeholder,
	ul.user-control #before-login .sub-menu input[type=password]#password::-webkit-input-placeholder{ font-style: italic; }

	ul.user-control #before-login .sub-menu input[type=text]#username::-moz-placeholder,
	ul.user-control #before-login .sub-menu input[type=password]#password::-moz-placeholder  { font-style: italic; }

	ul.user-control #before-login .sub-menu input[type=text]#username::-ms-input-placeholder,
	ul.user-control #before-login .sub-menu input[type=password]#password:-ms-input-placeholder { font-style: italic;} 

	ul.user-control #before-login .sub-menu input[type=text]#username:focus::-webkit-input-placeholder,
	ul.user-control #before-login .sub-menu input[type=password]#password:focus::-webkit-input-placeholder{ color:rgba(20,151,236,0.75); }

	ul.user-control #before-login .sub-menu input[type=text]#username:focus::-moz-placeholder,
	ul.user-control #before-login .sub-menu input[type=password]#password:focus::-moz-placeholder { color:rgba(20,151,236,0.75); }

	#before-login form.login{  
		-webkit-user-select: none;  
		-moz-user-select: none;    
		-ms-user-select: none;      
		user-select: none; }

	#before-login form.login span a{ 
		display: inherit!important;
		font-style: italic; 
		color :#0072bc; 
		text-decoration : underline !important; 
		font-size: 11px;
		font-weight: normal;
		margin-top: 3px; 
		line-height: 38px;
		border-bottom: dotted 1px #ddd;
		padding: 0px!important;
		white-space: normal!important;
	}
	#before-login form.login span a:hover{ color: #e05959}

	#before-login form.login input[type="submit"].signin{ 
		float:right; 
		margin-top: -24px;
		font-size: 14px;
		border: 1px solid #49ABEB; 
		color:#ffffff; 
		background:#49ABEB;  
		font-weight: bold; 
		padding: 5px 10px;  
		border-radius: 2px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		-webkit-appearance:none;
	}
	#before-login form.login input[type="submit"].signin:hover{
		cursor: pointer; 
		border: 1px solid #49ABEB; 
		padding: 5px 10px; 
		background: transparent; 
		color:#49ABEB; 
	}
	
	#before-login form.login input[type="password"]{
		margin-right: 0 !important;
	}

	#before-login form.login .signin label{
		color: #f7941d;
		border: 0;
		padding: 0;
		display: inline-block;
		width: auto;
		font-weight: bold;
	}

	#before-login form.login .signin label:hover{
		background: none;
	}
	#before-login form.login span a:hover{
		background: none;
	}
	ul.user-control #before-login .sub-menu hr{
		border-left: none; border-bottom: 1px solid #ccc;
		border-top:none; border-right: none;
	}
	#before-login .signin-option span{ color:#959595; font-size: 12px;}
	#before-login .signin-option ul.social{display: block; margin-top :10px !important;
		padding-left: 30px;
		list-style-type: disc;
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;}
	#before-login .signin-option ul.social li.sprite-social{ background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_social.png);}
	#before-login .signin-option ul.social li{width: 40px; height: 40px; float: left; list-style: none; text-indent: -9999px; margin: 0px 5px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	#before-login .signin-option ul.social a{border:none; display: inline!important; padding: 0px;}
	#before-login .signin-option ul.social li#mindtalk{ background-position: 0px -40px; }
	#before-login .signin-option ul.social li#facebook{ background-position: -40px -40px; }
	#before-login .signin-option ul.social li#twitter{ background-position: -80px -40px; }
	#before-login .signin-option ul.social li#google{ background-position: -120px -40px; }
	#before-login .signin-option ul.social li#mindtalk:hover{ background-position: 0px -0px; }
	#before-login .signin-option ul.social li#facebook:hover{ background-position: -40px -0px; }
	#before-login .signin-option ul.social li#twitter:hover{ background-position: -80px -0px; }
	#before-login .signin-option ul.social li#google:hover{ background-position: -120px -0px; }

	#before-login .signup span{ color:#959595; font-size: 12px;}

	#before-login .signup a.btn-signup{ 
		background:#f7941d; 
		border-radius: 3px;
		border: 1px solid #f7941d!important;  
		color: white; 
		display: block;
		font-size: 14px;
		font-weight: bold; 
		margin:10px auto 5px;
		padding: 10px 25px; 
		text-align: center;
		text-transform: uppercase;  
		width :188px;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#before-login .signup a.btn-signup:hover{ 
		border: 1px solid #f7941d; 
		background: transparent;
		color: #f7941d;
	}


/*KASADS*/
	#kasads article.ks-article{ width: 299px;height: 100px; float:left;border-bottom: 1px solid #fff;border-left: 1px solid #fff;}
	#kasads article.ks-article a{text-decoration:none; }
	#kasads article.ks-article .ks-article-img {
		width: 100px;
		height: 100px;
		overflow:hidden;
		float:left;
		z-index:10;
		/*padding: 4px 0px 4px 4px;*/
		background:#e7e7e7;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	#kasads article.ks-article .ks-article-img img{
		width: 100px;
		height: 100px;
	}

	#kasads article.ks-article:hover .ks-article-img{ opacity:0.7;}
	#kasads article.ks-article .ks-article-txt {
		height: 93px;
		background: #e7e7e7;
		z-index: 0;
		padding: 5px 5px 0 10px;
		position: relative;
		margin-left: 100px;
		border: 1px solid #e7e7e7;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#kasads article.ks-article .ks-article-txt h4 { color:#0072bc; text-decoration: none; padding:0px; margin:0; font-size:13px;}
	#kasads article.ks-article .ks-article-txt p{ font-size:11px; color:#555555; line-height: 14px; padding:0; margin:0;}
	#kasads article.ks-article:hover .ks-article-txt{border: 1px solid #f7941d;  background: #fafafa}
	#kasads article.ks-article:hover .ks-article-txt h4 {color:#f7941d}

	#kasads article.ks-article .ks-article-txt:after,
	#kasads article.ks-article .ks-article-txt:before{
		content: "";
		width: 0; 
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		height: 0;
		position: absolute;
	}

	#kasads article.ks-article .ks-article-txt:after {
		top: 37px;
		left: -8px;
		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 12px solid #e7e7e7;
	}
	#kasads article.ks-article .ks-article-txt:before{
		top: 39px;
		left: -8px;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: 10px solid rgba(0,0,0,0.1);
	}
	#kasads article.ks-article:hover .ks-article-txt:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 38px;
		left: -10px;
		border-top: 11px solid transparent;
		border-bottom: 11px solid transparent;
		border-right: 11px solid #fafafa;
	}
	#kasads article.ks-article:hover .ks-article-txt:before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 37px;
		left: -12px;

		border-top: 12px solid transparent;
		border-bottom: 12px solid transparent;
		border-right: 12px solid rgba(247,148,29,0.8);
	}

/*HOT SERVICES*/
	#hot-service{
		width: 290px;
	}
	#second-hand {
		width: 290px;
	}

/*FJB HIGHLIGHT*/
	#fjb-highlight {
		background-color: #ccc;
		width: 600px;
		position: relative;
	}
	#fjb-highlight ul {
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
	}
	#fjb-highlight ul li {
		background-color: #eee;
		color: #999;
		display: block;
		float: left;
		font-size: 40px;
		height: 250px;
		margin: 0;
		padding: 0;
		text-align: center;
		width: 600px;
	}           
	#fjb-highlight .prev,
	#fjb-highlight .next ,
	.list-carousel-hr-home .prev ,
	.list-carousel-hr-home .next ,
	.list-carousel-forum .prev,
	.list-carousel-forum .next{
		background:url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_slider.png);
		text-indent: -9999px;
		width: 25px;
		height: 25px;
		top: 50%;
		position: absolute;
		margin-top: -12px;
	}
	#fjb-highlight .prev , 
	.list-carousel-hr-home .prev,
	.list-carousel-forum .prev{
		background-position: 0 0;
		left: 0;
	}

	#fjb-highlight .next , 
	.list-carousel-hr-home .next { 
		background-position: -29px 0px;
		right: 0;
	}
	.list-carousel-forum .next{
		background-position: top right;
		left: auto;
		right: 1px;
	}

	#fjb-highlight .next.disabled{
		background-position: -75px -25px !important;
	}
	#fjb-highlight .prev.disabled{
		background-position: -50px -25px !important;
	}
	.pager {
		width: 600px;
		text-align: center; 
		position: absolute;
		bottom: 0px;
	}
	.pager a {
		background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_slider.png) -32px -33px;
		display: inline-block;
		height:10px; 
		margin: 0 2px;
		text-decoration: underline;
		text-indent:-9999px;
		width: 10px;
	}
	.pager a.selected {
		background-position: -8px -33px;
	}

/*CELEB-ZONE*/
	#celebzone .cz-title{
		width:300px;
		height:75px;
	}
	#celebzone .cz-title .cz-title-txt {
		width: 148px;
		height: 73px;
		background:#f7941d;
		position: absolute; 
		border: 1px solid rgba(0,0,0,0.15); 
		box-shadow: 0 1px 1px rgba(50,50,50,0.1);
		display: table; 
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#celebzone .cz-title .cz-title-txt h4{
		display: table-cell; 
		vertical-align: middle; 
		text-align: center;
		font-weight: 400;
	}
	#celebzone .cz-title .cz-title-txt h4 a{
		color:white;
		font-size: 16px;
		text-decoration: none;
	}
	#celebzone .cz-title .cz-title-txt:hover{
		border: 1px solid #f7941d;
		background: #f2f2f2
	}
	#celebzone .cz-title .cz-title-txt:hover h4 a{color:#f7941d}
	#celebzone .cz-title .cz-title-img {
		width: 150px;
		height: 75px;
		overflow:hidden;
		float:right;
	}
	#celebzone .cz-title .cz-title-txt:after {
		border-bottom: 15px solid transparent;
		border-left: 15px solid #f7941d;
		border-top: 15px solid transparent;
		content: "";
		height: 0;
		position: absolute;
		right: -9%;
		top: 30%;
		width: 0;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#celebzone .cz-title .cz-title-txt:before{
		border-bottom: 15px solid transparent;
		border-left: 15px solid rgba(0,0,0,0.1);
		border-top: 15px solid transparent;
		content: "";
		height: 0;
		position: absolute;
		right: -11%;
		top: 30%;
		width: 0;
	}
	#celebzone .cz-title .cz-title-txt:hover:after {
		border-bottom: 15px solid transparent;
		border-left: 15px solid #f2f2f2;
		border-top: 15px solid transparent;
		content: "";
		height: 0;
		position: absolute;
		right: -9%;
		top: 30%;
		width: 0;
	}
	#celebzone .cz-title .cz-title-txt:hover:before{
		border-bottom: 15px solid transparent;
		border-left: 15px solid rgba(247,148,29,0.3);  
		border-top: 15px solid transparent;
		content: "";
		height: 0;
		position: absolute;
		right: -11%;
		top: 30%;
		width: 0;
	}
	
/*BE-SOMETHING*/
	#be-step{
		height: 150px;
		background: #f5f5f5;
	}
	#be-step ul.tab-nav li{
		width: 50%;
	}

	#be-step #buyer .description, 
	#be-step #seller .description{
		margin: auto;
		display: block;
		font-size: 14px;
		padding:6px 0px 0px;
		margin:0px;
		text-align: center;
		margin-bottom: 10px;
	}

	#be-step #buyer,
	#be-step #seller{
		position: absolute;
		width: 300px;
		display:block;
		margin: auto;
	}

	#be-step #buyer .step-icon,
	#be-step #seller .step-icon{
		margin: 0 auto;
		width: 190px;
		padding: 0px;
	}
	#be-step .step-icon div li{
		background: #aeaeae;
		border-radius: 50%;
		list-style:none;
		width: 50px;
		float: left;
		margin-right: 20px;
		position: relative;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: table; 
	}
	#be-step .step-icon div li i{
		color:white;
		font-size: 25px;
		text-align: center;
		vertical-align: center;
		display: table-cell;
		position: relative; 
		top: 24%;
		left:1px;
		line-height: 50px;
	}

	#be-step .step-icon div li.step-3{margin-right: 0;}

	#be-step .step-icon div.current li{
		background: #f7941d;
	}
	#be-step .step-icon div i.fa-angle-right{
		color: #aeaeae; 
		position: absolute;
		font-size: 30px;
		margin-left:-15px;
		margin-top: 8px;
	}
	#be-step .step-icon div.current i.fa-angle-right{color: #f7941d;}
	#be-step .step-icon div span{
		display: none;
		background-color: #ededed;
		padding: 4px 10px;
		color: #0072bc;
		border-top: 1px solid #f7941d;
		position: absolute; 
		bottom: -35px;
		left:0px;
		width: 280px;
		font-size: 11px;
		text-align: center;
		visibility:visible;
	}

	#be-step #seller .step-icon div span::before,
	#be-step #buyer .step-icon div span::before{
		content: "";
		border-bottom:5px solid #f7941d;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		position: absolute;
	}
	#be-step #seller .step-icon div span::after,
	#be-step #buyer .step-icon div span::after{
		content: "";
		border-bottom:5px solid #ededed;
		border-left:5px solid transparent;
		border-right:5px solid transparent;
		position: absolute;
	}

	#be-step #seller .step-icon div span.note-1::before,
	#be-step #buyer .step-icon div span.note-1::before{
		left:25%;
		top:-6px;
	}

	#be-step #seller .step-icon div span.note-1::after,
	#be-step #buyer .step-icon div span.note-1::after{
		left:25%;
		top:-5px;
	}
	#be-step #seller .step-icon div span.note-2::before,
	#be-step #buyer .step-icon div span.note-2::before{
		left:50%;
		margin-left:-5px;
		top:-6px;
	}

	#be-step #seller .step-icon div span.note-2::after,
	#be-step #buyer .step-icon div span.note-2::after{
		left:50%;
		margin-left:-5px;
		top:-5px;
	}
	#be-step #seller .step-icon div span.note-3::before,
	#be-step #buyer .step-icon div span.note-3::before{
		left:70%;
		margin-left: 5px;
		top:-6px;
	}
	#be-step #seller .step-icon div span.note-3::after,
	#be-step #buyer .step-icon div span.note-3::after{
		left:70%;
		margin-left: 5px;
		top:-5px;
	}
	#be-step .step-icon div.current span{
		display: block;
	}

/*TOP KEYWORD & TOP SEARCH*/
	#top-search a{ 
		text-decoration: none;
		cursor: pointer;
		border: 1px solid #e1e1e1;
		background: #e1e1e1;
		color:#0072bc;
		border-radius: 3px; 
		font-size:12px;
		padding: 5px 10px;
		margin: 0 0 6px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		display: inline-block;
	}
	#top-search a:hover {
		color:white;
		background:#1497ec;
	}

/*PRODUCT LIST*/
	#ht-reviews ul.tab-content li .product-list-title,
	#top-product ul.tab-content li .product-list-title,
	#ht-reviews ul.tab-content li .product-list-title:before,
	#top-product ul.tab-content li .product-list-title:before,  
	#ht-reviews ul.tab-content li:hover .product-list-title:before,
	#top-product ul.tab-content li:hover .product-list-title:before,
	#ht-reviews ul.tab-content .product-list-title h4,
	#top-product ul.tab-content .product-list-title h4{
		transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;       
	}

	#ht-reviews ul.tab-content,
	#top-product ul.tab-content {
		display: block;
		margin: 0;
		padding: 0;
	}

	#ht-reviews ul.tab-content li,
	#top-product ul.tab-content li{
		background: #ffffff;
		border-right: 1px solid #fff;
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		position: relative;
		text-align: center;
	}
	#ht-reviews ul.tab-content li a,
	#top-product ul.tab-content li a{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		z-index: 1;
	}
	#ht-reviews ul.tab-content li .product-list-title,
	#top-product ul.tab-content li .product-list-title{
		background: #eeeeee;
		border:1px solid #f2f2f2;
		bottom: 0;
		display: table;
		height: 48px;
		margin: 0px; 
		padding: 0px;
		position: absolute;
	}
	#ht-reviews ul.tab-content li:hover .product-list-title,
	#top-product ul.tab-content li:hover .product-list-title {
		background:#f2f2f2;
		border-top:1px solid #f7941d;
	}
	#ht-reviews ul.tab-content li .product-list-title:before,
	#top-product ul.tab-content li .product-list-title:before{
		border-bottom: 11px solid rgba(0,0,0,0.1);
		border-left: 11px solid transparent;
		border-right: 11px solid transparent;
		content: "";
		height: 0;
		left:50%;
		margin-left:-11px;
		position: absolute;
		top: -11px;
		width: 0;
		z-index: 1;
	}
	#ht-reviews ul.tab-content li .product-list-title:after,
	#top-product ul.tab-content li .product-list-title:after{       
		border-bottom: 10px solid #eeeeee;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		content: "";
		height: 0;
		left:50%;
		margin-left:-10px;
		position: absolute;
		top: -10px;
		width: 0;
		z-index: 2;
	}   

	#ht-reviews ul.tab-content li:hover .product-list-title:before,
	#top-product ul.tab-content li:hover .product-list-title:before{
		border-bottom-color: #f7941d;
	}
	#ht-reviews ul.tab-content li:hover .product-list-title:after,
	#top-product ul.tab-content li:hover .product-list-title:after{
		border-bottom-color: #f2f2f2;
	}   

	#ht-reviews ul.tab-content .product-list-title h4,
	#top-product ul.tab-content .product-list-title h4{  
		color:#0072bc;
		display: table-cell;
		font-size: 12px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
		text-align: center;
		vertical-align: middle;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}


	#ht-reviews ul.tab-content li:hover .product-list-title h4,
	#top-product ul.tab-content li:hover .product-list-title h4{  
		color: #f7941d;
	}

	#ht-reviews ul.tab-content li figure,
	#top-product ul.tab-content li figure{
		overflow: hidden;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 0;
	}
	#ht-reviews ul.tab-content li figure div,
	#top-product ul.tab-content li figure div{
		display: table-cell;
		vertical-align: middle;
		cursor: pointer;
	}

	/*TOP PRODUCT*/
		#top-product ul.tab-nav li{
			width: 50%;
		}
		#top-product ul.tab-content li{
			height: 180px;
			width: 199px;
		}
		#top-product ul.tab-content li:nth-child(3n) {
			border-right: 0;
		}

		#top-product ul.tab-content li figure{
			width: 199px;
			height: 130px;
		}
		#top-product ul.tab-content li figure div{
			width: 199px;
			height: 130px;
		}

		#top-product ul.tab-content li figure div img{
			margin: 0 auto;
			max-width: 100%;
			max-height: 100%;
		}
		#top-product ul.tab-content li .product-list-title{
			width: 197px;
		}

		#top-product ul.tab-content li .ribbon{
			position: absolute;
			left: -6px;
			top: -6px;
		}

		#top-product ul.tab-content li .add-fav{
			background: #ededed;
			width: 20px;
			height: 20px;
			font-size: 12px;
			line-height: 20px;
			right: 0;
			position: absolute;
			display: none;
			z-index: 2;
		}
		#top-product ul.tab-content li:hover .add-fav{
			display: block;
		}
		#top-product ul.tab-content li .add-fav a{
			color: #f7941d;
			display: block;
		}

	/*HOT REVIEW*/
		#ht-reviews {
			position: relative;
		}
		#ht-reviews .prev,
		#ht-reviews .next{
			background:url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_slider.png);
			display:none!important;
			text-indent: -9999px;
			width: 25px; height: 25px;
			z-index: 2;         
			position: absolute;
			top: 50%;  margin-top:-35px;
		}
		#ht-reviews .prev {
			background-position: 0 0;
			left:1px; 
		}
		#ht-reviews .next {
			background-position: -29px 0px;
			right: 1px;
		}   
		#ht-reviews .next.disabled{
			background-position: -75px -25px;
		}
		#ht-reviews .prev.disabled{
			background-position: -50px -25px;
		}
		#ht-reviews:hover .prev,
		#ht-reviews:hover .next{
			display:block!important;
		}
		#ht-reviews ul.tab-content li {
			height: 200px;
			width: 149px;
		}
		#ht-reviews ul.tab-content li figure{
			width: 149px;
			height: 150px;
		}

		#ht-reviews ul.tab-content li figure div{
			width: 149px;
			height: 150px;
			display:inline-block;
		}

		#ht-reviews ul.tab-content li figure div img{
			margin: 0 auto;
			max-width: 100%;
			max-height: 100%;
		}
		#ht-reviews ul.tab-content li .product-list-title{
			width: 148px;
		}

/*REGIONAL*/
	.regional ul{
		margin:0;
		padding:0;
	}

	.regional ul li{
		list-style: none;
		float: left;
		margin-bottom: 10px;
		margin-right: 7px;
	}
	.regional ul li:nth-child(3n){
		margin-right: 0;
	}

	.regional ul li a{
		border-radius: 3px;
		border: 1px solid #f7941d;
		color: #0072bc;
		font-size: 12px;
		display: block;
		line-height: 24px;
		text-decoration: none;
		text-align: center;
		width: 93px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}

	.regional ul li a:hover{
		background: #f7941d;
		color: #FFFFFF;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
/*SEARCH*/
	#search-site-q{
		position: relative;
		margin-top:8px;
	}

	/* ---------- TOOLBAR BUTTON SEARCH ---------- */
	.toolbar {
		color: #888; z-index: 9999; position:relative;
	}
	.toolbar li {
		float: left;
	}
	.toolbar li a { border-radius: 3px 0 0 3px; }
	.toolbar li a.search-fjb-location { border-radius: 0; }
	.toolbar li:last-child button { border-radius: 0 3px 3px 0; }
	.toolbar a,
	.toolbar input[type="search"],
	.toolbar button#btn-search {
		background: #f4f4f4;
		color: #888;
		display: block;
		padding: 5px 12px;
		position: relative;
	}
	.toolbar a.search-homepage-category{
		padding: 5px 9px 2px;
	}
	
	.filter-fjb-cat.show-five i, .filter-fjb-cat.hide-all i{
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}

	button#btn-search {
		-webkit-appearance: button;
		background: #fff;
		border: 0;
		cursor: pointer;
		font-family: inherit;
		font-size: 100%;
		line-height: inherit;
		margin: 0;
		padding: 0;
		text-transform: none;
		outline: none;
	}
	button#btn-search::-moz-focus-inner {border: 0; padding: 0;}
	.toolbar input[type="search"], .toolbar button#btn-search{ background:#fff}
	.toolbar li a.active {background: #1497ec; color:white;}
	.toolbar a:hover,
	.toolbar button:hover { background: rgba(124,209,104,.8); color:#fff;
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	 }
	.toolbar input[type="search"]:hover,
	.toolbar input[type="search"]:focus,
	.toolbar button#btn-search:hover{
		background: #f4f4f4;
		color: rgba(20,151,236,0.75);
	}

	.toolbar input[type="search"]#search {
		height: 23px;
		width: 87px;
		-webkit-appearance: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		padding-right: 5px;
		border-radius: 0;
	}
	.toolbar input{
		border: 0;
		font-family: inherit;
		font-size: 12px;
		line-height: inherit;
		margin: 0;
		padding: 0;
	}
	.toolbar input:focus { outline: none; }
	.toolbar input::-moz-focus-inner { border: 0; padding: 0; }
	.toolbar input[type="search"]::-webkit-input-placeholder { color: #888; }
	.toolbar input[type="search"]::-moz-placeholder { color: #888; opacity: 1; }
	.toolbar input[type="search"]:-moz-placeholder { color: #888; opacity: 1; }
	.toolbar input[type="search"]:-ms-input-placeholder { color: #888; }

	.toolbar input[type="search"]:focus::-webkit-input-placeholder { color: #7cd168; }
	.toolbar input[type="search"]:focus::-moz-placeholder { color: #7cd168; opacity: 1; }
	.toolbar input[type="search"]:focus:-moz-placeholder { color: #7cd168; opacity: 1; }
	.toolbar input[type="search"]:focus:-ms-input-placeholder { color: #7cd168; }


	.overlay{
		right: 0;
		bottom: 0;
		background: url(http://cdn.kaskus.com/themes_3.0/images/layout/opa20.png) repeat;
		z-index: 9999;
		position: fixed;
		display: none;
		left: 0;    
		top: 0;
		}

/*SIDEBAR POPOVER*/
.subnav ul li {
	position: relative;
}
.subnav ul li ul {
	display: none;
	position: absolute !important;
	top: -8px;
	left: 195px;
	width: 180px;
	background: #fafafa;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	z-index: 10;
	padding-left: 0;
	border-radius: 3px;
}
.subnav ul li.arrow:hover ul {
	display: block;
}
.subnav ul li ul:before {
	content: "";
	display: block;
	border: solid 4px #f0f9ff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 10px;
	left: -8px;
	z-index: 3;
}

.subnav ul li ul:after {
	content: "";
	display: block;
	border: solid 5px #ddd;
	border-top-color: transparent;
	border-left-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	top: 9px;
	left: -11px;
	z-index: 2;
}

.subnav ul>li>ul>li>a,
.subnav ul>li>ul>li>span {
	display: block;
	padding: 7px;
	color: #000;
	text-decoration: none !important;
	font-size: 10px;
}
.subnav ul>li>ul>li>a:hover,
.subnav ul>li>ul>li>a:focus{
	background: #d7efff !important;
	color: #000 !important;
}

.subnav ul li:last-child {
	/*border-left: solid 1px #d6d6d6;*/
}

.subnav ul li.arrow>a:after {
	content: " \f054";
	color: #ddd;
	float: right;
	font-family: FontAwesome;
	padding-left: 5px;
	margin-top: 4px;
	margin-right: 8px;
	font-size: 10px;
}

/*SCROLL UP*/   
	.scrollup{
		color: #4d4d4d;
		background: #ffffff;
		border: 1px solid #a1a1a1;
		width:48px;
		height:48px;
		position:fixed;  
		right:-51px; 
		bottom:350px;
		z-index: 9999;
		font-size: 27px;
		line-height: 48px;
		text-align: center;
		transition: right 0.3s ease-in-out;
	}

	.scrollup.nongol{
		bottom:350px;
		right:-1px;
		opacity: 0.5;
		transition: right 0.3s ease-in-out;
	}
	.scrollup.nongol:hover{
		opacity: 1;
	}


/*small-screen*/
	.sm-screen #mainContent{
		float: none;
	}
	.sm-screen #side-guide-trigger,
	.sm-screen .side-preload{
		display: block;
	}
	.sm-screen .kk-wrap{
		width: 1000px;
	}
	.sm-screen .ads-lb-wrap{
		width: auto;
	}
	.sm-screen .st-btn{
		width: 115px;
	}
	.sm-screen .st-btn span.label{      
		width: 64px;
	}
	.sm-screen #side-guide-trigger{
		display: block;
		margin-bottom: 10px;
	}
	.sm-screen #side-guide{
		left: -200px;
		opacity: 0;
		transition: all 0.3s ease-in-out;
		position: absolute;
		z-index: 9998;
		background: rgba(255,255,255,.95);
		box-shadow: 0px 0px 2px rgba(0,0,0,.2);
		padding: 7px 5px;
	}
	.sm-screen.show-sidenav #side-guide{
		left: 0;
		position: relative;
		opacity: 1;
		transition: all 0.3s ease-in-out;
	}
	.sm-screen .st-btn{
		font-size: 9px;
	}

	body.inner.sm-screen #side-guide-trigger{
		display: block;
		margin-bottom: 10px;
		margin-left: -40px;
	}


	#side-guide-trigger{
		margin-bottom: 10px;
		display: none;
		background: #e5e5e5;
		padding: 5px 10px;
		cursor: pointer;
		width: 12px;
	}

	/*update*/
	#scroll-bar-sef{
		height: 400px;
		overflow: auto;
	}

#side-guide .tab-sidebar li a h5.hide + i.fa{
	color: #fff;
}

.inner #leftContent{
	margin-left: 31px;
	/*width: 190px !important;*/
}

.inner #side-guide {
	left: -200px;
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	position: absolute;
	z-index: 9998;
	background: #fff;
	box-shadow: 0px 0px 2px #ccc;
	padding: 7px 5px;
}

.inner.show-sidenav #side-guide{
	left: 0;
	float: left;
	position: relative;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-in-out;
}

.inner.show-sidenav #update{
	margin-top:6px;
}

.inner #side-guide-trigger{
	display: block;
}

/*message page*/
#message-wrapper {
	margin: 0 auto;
}
	/*KASKUS STORE*/
	section.tab-store{
		width: 300px; 
		height: 250px; 
		background:#f5f5f5; 
	}
	.tab-store {
		-webkit-margin-before: 0em;
		-webkit-margin-after: 0em;
		-webkit-margin-start: 0px;
		-webkit-margin-end: 0px;
		-webkit-padding-start: 0px;
		margin-bottom: 0;
		padding-left: 0;
		list-style: none; 
	}
	.tab-store > li {
		position: relative;
		display: block; 
		width: 150px; 
		float: left; 
		padding:0px; margin:0px;
		margin-bottom: -1px; 
	}
	.tab-store > li > a {
		position: relative; text-align: center;
		display: block; padding: 5px 0px; color:#0072bc; text-decoration:none; 
		border: 1px solid #f7941d; font-size:14px; background:#fdfdfd;
	}

	.tab-store > li > a:hover {
		text-decoration: none;
		background: #F5C488;
		border-color: #f7941d; 
		color:white;
	}
	.tab-store > li > a:focus {
		text-decoration: none;
		background-color: #f7941d;
		border-color: #f7941d; 
		color:white;
	}


	.tab-store > li.disabled > a {
		color: #999999;
	}
	.tab-store > li.disabled > a:hover,
	.tab-store > li.disabled > a:focus {
		color: #999999;
		text-decoration: none;
		background-color: transparent;
		cursor: not-allowed;
	}
	.tab-store .nav-divider {
		height: 1px;
		margin: 9px 0;
		overflow: hidden;
		background-color: #e5e5e5;
	}
	.tab-store > li > a > img {
		max-width: none;
	}

	.tab-store > li.active > a,
	.tab-store > li.active > a:hover,
	.tab-store > li.active > a:focus {
		color: #fff;
		background-color: #f7941d;
		border: 1px solid #f7941d;
		border-bottom-color: transparent;
		cursor: default;
	}

	.tab-store > li.active > a:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -4px;
		border-width: 6px 6px 0px 6px;
		border-style: solid;
		border-color: #f7941d transparent;
		z-index: 99;
	}
	/*.tab-store > li.active > a:before{
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: 100%;
		left: 50%;

		margin-left: -5px;
		border: solid 7px transparent;
		border-top-color: #ffffff; 
		z-index: 98;
	}*/

	.tab-content{
		/*margin-top: 1px;*/
	}

	.fade {
		opacity: 0;
		-webkit-transition: opacity 0.15s linear;
		transition: opacity 0.15s linear;
	}
	.fade.in {
		opacity: 1;
	}

	.tab-store:before,
	.tab-store:after {
		content: " ";
		display: table;
	}
	.tab-store:after,
	.panel-body:after {
		clear: both;
	}
	#pulsa, #donatur{
		position: absolute;
		width: 300px; 
		/*display:block; */
		margin: auto;
	}

	/* button */
	.buttons{ 
		border:none;
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		color: white;
		padding: 5px 10px;
		border-radius: 2px;
		outline: none;
		cursor: pointer;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.medium{
		font-size: 14px;
	}
	.buttons.purple{
		background: #ce52bb;  
		border: 1px solid #ce52bb;
	}
	.buttons.purple:hover{
		background: transparent; 
		color: #c365d1; 
		border: 1px solid #c365d1;
	}
			
	/*Epulsa*/
	#kk-store .epulsa-wrapper-q,
	#kk-store .donatur-wrapper-q{
		padding: 5px 15px 2px;
	}
	.epulsa-wrapper-q,
	.donatur-wrapper-q {
		height:210px;
		width:260px;
		padding:5px 20px 2px;
		font-size: 12px;
		background: #f5f5f5;
		margin-top: 1px;
	}
	.epulsa-wrapper-q fieldset,
	.donatur-wrapper-q fieldset {
		padding-top:0
	}
	.epulsa-wrapper-q .actions,
	.donatur-wrapper-q .actions {
		margin-top:0;
		padding-left:0;
		padding-right:0;
		padding-top:10px;
		text-align:center
	}
	.epulsa-wrapper-q .clearfix >label,
	.donatur-wrapper-q .clearfix > label {
		display:block;
		padding-top: 0;
		float:none;
		margin-top: 5px;
		margin-bottom:2px;
		font-weight: 600;
		text-align:left;
		color: #555555;
		font-size: 12px;
		line-height: normal;
	}
	.epulsa-wrapper-q .clearfix >label:after,
	.donatur-wrapper-q .clearfix > label:after {
		content:""
	}
	.epulsa-wrapper-q .clearfix input[type=text],
	.donatur-wrapper-q .clearfix input[type=text] {
		width:240px;
		border: none;
		outline: none;
		border: 1px solid rgba(0, 0, 0, 0.2);
		padding: 8px 10px;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		position: relative;
		z-index: 2;
		border-radius: 3px;
	}
	.epulsa-wrapper-q .clearfix.harga .input,
	.donatur-wrapper-q .clearfix.harga .input {
		border:solid 1px rgba(0, 0, 0, 0.2);
		box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
		-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
		-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.3);
		background: white;
		padding:2px 10px;
		text-align: center;
		border-radius: 3px;
	}

	.epulsa-wrapper-q .clearfix .input,
	.donatur-wrapper-q .clearfix .input {
		margin-left: 0;
	}

	.epulsa-wrapper-q .customSelectInner{
		width: 110px !important;
	}

	.donatur-wrapper-q .clearfix.harga > label { 
		width: auto;
	}
	.donatur-wrapper-q .clearfix.harga > label span{
		float: right;
		font-size: 10px;
		line-height: 17px;
		color: #454545;
	}
	.epulsa-wrapper-q .clearfix.harga .input>label,
	.donatur-wrapper-q .clearfix.harga .input>label {
		float:none;
		font-size:16px;
		font-weight:700;
		text-align:center !important;
		color: #555555;
		margin: 0;
		line-height: normal;
	}
	.selectbox{
		z-index: 2;
	}
	.epulsa-wrapper-q input[type="submit"],
	.donatur-wrapper-q input[type="submit"]{
		width: 100%;
		position: relative;
		z-index: 2;
		-webkit-appearance: none;
	}
	
	.donatur-wrapper-q .customSelect .customSelectInner{
		width: 240px !important;
	}

	/*End of Epulsa*/

	/* =================================================================
	   Header Search
	   ================================================================= */
	.modal-homepage-cat-expand:before {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: 100%;
		left: 10px;
		border-width: 0 8px 8px 8px;
		border-style: solid;
		border-color: rgba(0,0,0,0.1) transparent;
	}

	.modal-homepage-cat-expand:after {
		display: block;
		z-index: 9999;
		opacity: 1;
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		bottom: 100%;
		left: 12px;
		border-width: 0 6px 6px 6px;
		border-style: solid;
		border-color: #fff transparent;
	}

	.modal-homepage-cat-expand{
		display: none;
		opacity: 0;
		pointer-events: auto;
		width: auto;
		height: auto;
		background: white;
		border-radius: 2px;
		z-index: 9999;
		position: absolute;
		top: 32px;
		left: 0;
		margin: 0 auto;
		padding: 0;
		border: 1px solid #eaeaea;
		box-shadow: 0 1px 1px rgba(50,50,50,0.1);
		cursor: pointer;
		outline: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.modal-homepage-cat-expand.active{
		display: block;
		z-index: 9999;
		opacity: 1;
	}

	#k-hp-list .sprite-icon-search-hp , .toolbar .sprite-icon-search-hp{ 
		background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/header-hp-search-sprites.png); 
		display: inline-block;
		width : 21px; 
		height: 21px;
		top: 4px; 
		margin-left: 10px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale; 
	}

	/*blue*/
	#k-hp-list i.search , .toolbar i.search 	{ background-position: 0 -1px; }
	#k-hp-list i.forum , .toolbar i.forum		{ background-position: -21px 0px; } 
	#k-hp-list i.fjb , .toolbar i.fjb			{ background-position: -45px -2px; } 
	#k-hp-list i.groupee , .toolbar i.groupee	{ background-position: -69px 1px; } 
	#k-hp-list i.username , .toolbar i.username	{ background-position: -92px -2px; } 
	
	/*grey*/
	.search-homepage-category i.search 		{ background-position: 1px 41px; }
	.search-homepage-category i.forum		{ background-position: -21px 42px; } 
	.search-homepage-category i.fjb			{ background-position: -45px 39px; } 
	.search-homepage-category i.groupee		{ background-position: -69px 41px; } 
	.search-homepage-category i.username	{ background-position: -92px 40px; } 

	/*white*/
	body.forum.q .toolbar li a.active i.search , .search-homepage-category:hover i.search 		{ background-position: 1px 21px; }
	body.forum.q .toolbar li a.active i.forum , .search-homepage-category:hover i.forum			{ background-position: -21px 22px; } 
	body.forum.q .toolbar li a.active i.fjb , .search-homepage-category:hover i.fjb				{ background-position: -45px 19px; } 
	body.forum.q .toolbar li a.active i.groupee , .search-homepage-category:hover i.groupee 	{ background-position: -69px 21px; } 
	body.forum.q .toolbar li a.active i.username , .search-homepage-category:hover i.username   { background-position: -92px 20px; } 

	/*orange*/
	#k-hp-list li:hover i.search , 	#k-hp-list li.selected i.search 	{ background-position: 0 59px; }
	#k-hp-list li:hover i.forum ,	#k-hp-list li.selected i.forum 		{ background-position: -21px 60px; } 
	#k-hp-list li:hover i.fjb , #k-hp-list li.selected i.fjb 			{ background-position: -45px 58px; } 
	#k-hp-list li:hover i.groupee ,#k-hp-list li.selected i.groupee 	{ background-position: -69px 61px; } 
	#k-hp-list li:hover i.username ,#k-hp-list li.selected i.username 	{ background-position: -92px 58px; } 

	#k-hp-list li .red{
		color: #d80000;
		font-weight: bold;
		font-size: 8px;
		vertical-align: top;
	}
	
	ul#k-hp-list li a , 
	ul#k-hp-list li a span.title-text{
		font-size: 12px;
		color: #363636;
		list-style: none;
		text-decoration: none;
	}

	ul.toolbar > li > a > i{
		margin-left:0 !important;
	}

	.form-modal-hp{
		height: auto; 
		overflow:auto; 
		padding: 0px;
		width: auto;
	}
	.form-modal-hp ul {
		list-style: none;  
		padding: 0;
		width: 205px;
		overflow: hidden;
	}
	
	.form-modal-hp li {
		padding-top: 5px;
		margin: 0 auto;
		position: relative;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		float: left;
		min-width: 205px;
		height: 25px;
		/*border-bottom: 1px solid #eaeaea;*/
		border-left: 0px solid #1497ec;
	}
	.form-modal-hp li:after {
		content:"";
		border-bottom: 1px solid #eaeaea;
		position: absolute;
		width: 100%;
		bottom:0;
		left: 0;
	}

	.form-modal-hp li:last-child{
		border:none;
	}
	
	.form-modal-hp li:hover , .form-modal-hp li.selected{
		color: rgba(247,148,29,1);
		border-left: 5px solid rgba(20,151,236,0.7);
	}

	.form-modal-hp li:hover label, .form-modal-hp li.selected label{
		color: rgba(247,148,29,1);
		font-weight: bold;
	}
	
	.form-modal-hp label {
		width: 150px;
		font-size: 12px;
		color: #0072bc;
		padding: 0 15px;
		vertical-align: top;
		cursor: pointer;
		text-align: left;
		line-height: normal;
		float: none;
	}
	
	.form-modal-hp input[type="radio"],
	.form-modal-hp label::before,
	.form-modal-hp input[type="radio"]:checked + label::after {
		width: 26px;
		height: 26px;       
		margin-top: -13px;
		position: absolute;
		cursor: pointer;
		top: -9999px;
		left: -9999px;
	}
	.form-modal-hp input[type="radio"] {
		display: inline-block;
		vertical-align: middle;
	}


	/* =================================================================
	   Custom Select Box styles
	   ================================================================= */
	.customSelect:after {
		border-left:4px solid transparent;
		border-right:4px solid transparent;
		border-top:4px solid #aaa;
		
		position: relative;     
		right: 7px;
		margin-top:8px;
		
		content:"&darr;";
		display:inline-block;
		text-indent:-99999px;
		vertical-align:top;
		
		opacity:0.5
		filter:alpha(opacity=50);
		-khtml-opacity:0.5;
		-moz-opacity:0.5;
		
		height:0;
		width:0;
	}
	.customSelect {
		background:#fff;
		border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:1px solid rgba(0, 0, 0, 0.2);
		padding:5px 7px;
		color: #aaa;
		font-size:13px;
		height:18px;
		line-height:18px;
		overflow:hidden;
		
		text-align:left !important;
		vertical-align:middle;
		white-space:nowrap;
		/*width: 124px;*/
		z-index: 1;
	}
/*categories*/
#all-category ul {
				list-style: none;
				padding: 0;
				float: left;
				margin: 0;
			}

			#all-category .abjad > ul > li{
				float: left;
				width: 22px;
				height: 22px;
				text-align: center;
				margin: 0 5px;
				text-transform: uppercase;
			}

			#all-category .abjad > ul > li:hover > a.active , 
			#all-category .abjad > ul > li:focus > a.active{
				background-color: #1497ec;
				color: #fff !important;
				cursor: pointer;
			}

			#all-category .abjad > ul > li > a{
				font-size: 12px;
				color: #cccccc;
				line-height: 22px;
				text-decoration: none;
				height: 22px;
				width: 22px;
				float: left;
			}

			#all-category .abjad > ul > li > a.active{
				color: #1497ec;
			}

			#all-category{
				padding-top: 20px;
			}

			#all-category .header{
				width: 1100px;
				margin: 0 auto;
			}
			
			#all-category .header .cat-search-con{
				width: 300px;
				margin: 0 auto;
			}


			#all-category .search-box{
				height: 27px;
				background-color: #fff;
				width: 300px;
				border:1px solid #cccccc;
				position: relative;
			}

			#all-category #search-result{
				height: 27px;
				position: absolute;
				width: 120px;
				padding: 0 15px;
				top: 0;
				left: 311px;
				background-color: #ccc;
				color: #fff;
				font-size: 12px;
				line-height: 27px;
			}
			
			#all-category #search-result{display: none;}
			#all-category #search-result:before{
				content: "";
				width: auto;
				height: 0;
				position: absolute;
				top: 7px;
				left: -7px;
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #ccc;
			}


			#all-category .header .search-box input[type="search"]{
				background:transparent;
				width: 270px;
				height: 26px;
			}
			#all-category .header .search-box i{
				padding: 5px;
				color: #cccccc;
				margin-left: 5px;
			}

			#all-category .abjad{
				width: 835px;
				margin: 0 auto;
				text-align: center;
				
			}
			
			#all-category-main{
				margin-bottom: 100px;
			}

			#all-category-main > .tab-nav{
				margin-top: 15px;
				width: 100%;
			}

			#all-category-main > .tab-nav > li{
				width: 50%;
			}

			#all-category-main > .tab-nav > li#t-fjb.active > a, 
			#all-category-main > .tab-nav > li#t-fjb.active > a:hover,
			#all-category-main > .tab-nav > li#t-fjb.active > a:focus {
				background: #7cd168;
				border-color: #7cd168;
			}

			#all-category-main > .tab-nav > li#t-fjb a{
				border-color: #7cd168;
			}

			#all-category-main > .tab-nav > li#t-fjb > a:hover{
				background: #B8E2AE;
			}

			#all-category-main > .tab-nav > li#t-fjb.active > a:after{
				border-top-color: #7cd168;
			}

			/*#all-category-main ul > li > ul{
				margin-left: 20px;

			}*/

			#all-category-main .tab-content > div{
				padding-top: 70px;
			}
			#all-category-main .all-category-section{
				padding-top: 15px;
				width: 100%;
				min-height: 700px;
				margin-top: 15px;
				border-top: 1px solid #cccccc;
			}

			#all-category ul.all-category-section a{
				font-size: 12px;
				color: #555555;
				text-decoration: none;
			}

			#all-category ul.all-category-section > li{
				width: 100%;
				float: left;
				border-bottom: 1px solid #cccccc;
				padding-bottom: 15px;
				margin-top: 15px;
			}

			/*ul.all-category-section li > ul > li{
				height: 25px;
			}*/

			#all-category ul.all-category-section li a{
				padding: 0;
				float: left;
				
				line-height: 20px;
			}

			#all-category ul.all-category-section > li > span{
				float: left;
			}

			#all-category ul.all-category-section > li > ul{
				width: 95%;
				float: left;
			}

		

			#all-category ul.all-category-section .head-title{
				font-size: 25px;
				color: #0072bc;
				width: 50px;
				text-align: center;
				margin-top: -5px;
				text-transform: uppercase;
			}

			#all-category ul.all-category-section li .title{
				display: table;
			}

			#all-category ul.all-category-section li .title img{
				display: table-cell;
				vertical-align: middle;
			}

			#all-category ul.all-category-section li .title .headache-title{
				display: table-cell;
				vertical-align: middle;
				font-size: 14px;
				color: #1497ec;
				padding-left: 10px;
			}

			#all-category .all-category-section .sub-category{
				margin-left: 60px;
			}

			#all-category #forum #anc-i > ul > li{
				float:left;
			}

			/*#all-category #anc-i ul > li:nth-child(2) .sub-category > li:after,
			#all-category #anc-i ul > li:nth-child(3) .sub-category > li:after,
			#all-category #anc-i ul > li:nth-child(2) .sub-category > li:before,
			#all-category #anc-i ul > li:nth-child(3) .sub-category > li:before{
				border:none;
			}*/

			#all-category .sub-category div{
				float: left;
				margin-top: 5px;
			}

			#all-category .sub-category li div ul{
				margin-left: 23px;
				width: 100%;
				margin-top: 10px;
			}

			#all-category .sub-category li{
				width: 100%;
				float: left;
			}

			#all-category .sub-category > li > ul{
				margin-top: 5px;
				margin-left: 22px;
				width: 100%;
				margin-top: 10px;
			}
	
			

			#all-category .all-category-footer{
				background-color: #ebebeb;
				border-top: 1px solid #cccccc;
				float: left;
				width: 100%;
				
			}

			#all-category .all-category-footer ul{
				margin:10px 15px;
			}

			#all-category .all-category-footer li{
				float: left;
				margin-right: 15px;
			}

			#all-category .all-category-footer li span:nth-child(2){
				padding-left: 10px;
			}

			
			.cat-icon-new , 
			.cat-icon-update{
				width: 15px;
				height: 15px;
				float: left;
				margin-left: 5px;
				font-size: 10px;
				line-height: 15px;
				color: #fff;
				background-color: #79c143;
				text-align: center;
				border-top-left-radius: 50%;
				border-top-right-radius: 50%;
				border-bottom-right-radius: 50%;
			}

			#all-category .cat-icon-update{
				background-color: #f16664;
			}


			#all-category .all-category-footer li span {
				width: 20px;
				height: 20px;
				font-size: 11px;
				line-height: 20px;
			}

			#all-category .highlight-list{
				color: #1497ec !important;
				font-weight: 400;
			}

			#all-category .headache-title a{
				font-weight: 700;
				text-transform: uppercase;
			}

			#all-category .headache-title .highlight{
				color: #1497ec !important;
				font-weight: 700;
			}
			
			#all-category .headache-title a{
				font-weight: 700;
				text-transform: uppercase;
			}

			#all-category .headache-title .highlight{
				color: #1497ec !important;
				font-weight: 700;
			}
			
			#all-category .sub-category > li > a , 
			#all-category .all-category-section li , 
			#all-category .sub-category > li > DIV > a{
				position: relative;
			}

			#all-category .sub-category > li > a:hover:before , 
			#all-category .sub-category > li > div > ul a:hover:before,
			#all-category .sub-category > li > ul > li > a:hover:before {
				background-color: #1497ec;
				content: "";
				width: 7px;
				height: 7px;
				position: absolute;
				left: -20px;
				top: 7px;
				z-index: 1;
				border-radius: 50%;
			}

			#all-category .sub-category > li > a:hover , 
			#all-category .sub-category > li > div > ul a:hover
			#all-category .sub-category > li > ul > li > a:hover{
				color: #1497ec !important;
			}


			#all-category .sub-category{
				margin-top: 10px;
			}

			#all-category .sub-category > li > DIV > ul:after{
				left: -17px;
			}

			#all-category .sub-category li:after{
				content: "";
				width: 10px;
				height: 20px;
				border-right: solid 1px rgba(0,0,0,0.1);
				position: absolute;
				top: -11px;
				left: -27px;
			}

			#all-category .sub-category li:before{
				content: "";
				width: 10px;
				height: 22px;
				border-bottom: solid 1px rgba(0,0,0,0.1);
				position: absolute;
				top: -13px;
				left: -17px;
			}

			#all-category .sub-category>li ul:after{
				content: "";
				border-right: solid 1px rgba(0,0,0,0.1);
				width: 1px;
				position: absolute;
				top: 9px;
				bottom: 11px;
				left: -18px;
			}

			#all-category .sub-category > li:last-child > ul:after{
				content: "";
				border: none;
			}

			#all-category .all-category-section > li > ul{
				-moz-column-count: 3;
				-moz-column-gap: 10px;
				-webkit-column-count: 3;
				-webkit-column-gap: 10px;
				column-count: 3;
				column-gap: 10px;
				width: 970px;
			}

			#all-category .all-category-section > li > ul > li{
				display: inline-block;
				width: 100%;
			}
/* =================================================================
   FORUM HEAD FILTER CATEGORY
   ================================================================= */
	.filter-forum-cat{
		background: #ededed;
		/*border-bottom: 1px solid #dcdcdc;*/
		color: #454545;
		border-left: 5px solid #1497ec;
		padding:0 10px;
		line-height: 30px;
		cursor: pointer !important;
	}

	.filter-forum-cat i{
		margin: 8px 0 0;
	}
	.filter-fjb-cat{
		background: #ededed;
		/*border-bottom: 1px solid #dcdcdc;*/
		color: #454545;
		border-left: 5px solid #7cd168;
		padding:0 10px;
		line-height: 30px;
		cursor: pointer !important;
	}

	.filter-fjb-cat i{
		margin: 8px 0 0;
	}
	.sb-forum, .sb-fjb{
		border-bottom: 1px solid #dcdcdc;
		border-top: 1px solid #dcdcdc;
	}
	.filter-forum-cat.hide-all ~ .sb-forum,
	.filter-fjb-cat.hide-all ~ .sb-fjb{
		border-bottom: 0;
	}

/* =================================================================
   Welcome Page
   ================================================================= */
	#kk-store .epulsa-wrapper,
	#kk-store .donatur-wrapper{
		padding: 15px;
		background: #f5f5f5
	}

	#kk-store .kk-store-title{
		background: #f7941d;
		color: #FFFFFF;
		line-height: 30px;
		font-weight: 600;
		padding: 0 15px;
	}

	#kk-store .left{
		width: 290px;
	}

	.right-box{
		margin-left: 20px;
	}

/* =================================================================
   Footer
   ================================================================= */
	footer{
		padding: 20px 0;
		margin-top: 10px;
		background: #e4e4e4;
		border-top: 1px solid #d1d1d1;
		z-index: 1;
		position: relative;
	}
	
	footer h3{
		font-size: 14px;
		color: #4d4d4d;
		margin: 0 0 5px;
		border-bottom: 1px solid #707070;
		padding-bottom: 5px;
		font-weight: 700;
	}
	footer ._col{
		min-width: 210px;
		margin:0 25px;
	}
	footer .mobile{
		width: 260px;
	}
	footer ul.mobile li{
		display: inline-block;
		margin-top: 3px;
		margin-bottom: 10px;
	}
	footer ul.mobile li:nth-child(2n+1){    
		margin-right: 14px;
	}
	footer ul{
		font-size: 12px;
		font-weight: normal;
		margin: 0;
		padding: 0;
		font-weight: 600;
	}
	footer ul li{
		list-style: none;
		margin: 0;
	}
	footer ul li a{
		color: #555555;
		text-decoration: none;
		line-height: 160%;
		font-weight: 400;
	}
	footer ul li a:hover{
		text-decoration: underline;
	}

	footer ul.sosmed{
		float: left;
		width: 105px;
	}

	footer ul.sosmed span.sprite-social{
		background: url(http://cdn.kaskus.com/themes_3.0/images/quickie/sprite_social.png);
	}
	footer ul.sosmed span{
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
		list-style: none;
		margin: 0px 5px;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	footer ul.sosmed li{
		margin-bottom: 10px;
	}
	footer ul.sosmed li span#mindtalk{ background-position: -10px -50px; }
	footer ul.sosmed li span#facebook{ background-position: -52px -48px; }
	footer ul.sosmed li span#twitter{ background-position: -90px -50px; }
	footer ul.sosmed li span#google{ background-position: -130px -49px; }
	footer ul.sosmed li span#instagram{ background-position: -170px -51px; }
	footer ul.sosmed li span#youtube{ background-position: -211px -51px; }
	footer ul.sosmed li span#linkedin{ background-position: -250px -51px; }
	footer ul.sosmed li:hover span#mindtalk{ background-position: -10px -12px; }
	footer ul.sosmed li:hover span#facebook{ background-position: -52px -10px; }
	footer ul.sosmed li:hover span#twitter{ background-position: -90px -12px; }
	footer ul.sosmed li:hover span#google{ background-position: -130px -11px; }
	footer ul.sosmed li:hover span#instagram{ background-position: -170px -11px; }
	footer ul.sosmed li:hover span#youtube{ background-position: -211px -11px; }
	footer ul.sosmed li:hover span#linkedin{ background-position: -250px -11px; }

.tab-store .input{
	margin-left: 0;
}

#leftContent li span{
	display: table-cell;
}

.reply-thread{
	margin-top: 20px;
}


.reply-thread .selectbox{
	width: auto !important;
	margin-left: 0 !important;
}

.banner-top-ads{
	margin: -1px -1px 10px;
}

/*old layout*/
.col, .row, body img, .entry {
	transition:all .2s linear;
	-o-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear
}
.col {
	display:inline;
	float:left;
	margin:0 10px
}
.row {
	*zoom:1;
	margin:0 auto;
	width:960px
}
.row:before, .row:after {
	content:"";
	display:table
}
.row:after {
	clear:both
}
.row .row {
	display:block;
	margin:0 -10px;
	width:auto
}

/*Grid 12*/
.grid-1 {width:60px}
.grid-2 {width:140px}
.grid-3 {width:220px}
.grid-4 {width:300px}
.grid-5 {width:380px}
.grid-6 {width:460px}
.grid-7 {width:540px}
.grid-8 {width:620px}
.grid-9 {width:700px}
.grid-10 {width:780px}
.grid-11 {width:860px}
.grid-12 {width:940px}


/*.grid-1 {width:240px}
.grid-2 {width:320px}
.grid-3 {width:400px}
.grid-4 {width:480px}
.grid-5 {width:560px}
.grid-6 {width:640px}
.grid-7 {width:720px}
.grid-8 {width:800px}
.grid-9 {width:880px}
.grid-10 {width:960px}
.grid-11 {width:1040px}
.grid-12 {width:1100px}*/

/*Grid 16*/
.grid-1a {width:40px}
.grid-2a {width:100px}
.grid-3a {width:160px}
.grid-4a {width:220px}
.grid-5a {width:280px}
.grid-6a {width:340px}
.grid-7a {width:400px}
.grid-8a {width:460px}
.grid-9a {width:520px}
.grid-10a {width:580px}
.grid-11a {width:640px}
.grid-12a {width:700px}
.grid-13a {width:760px}
.grid-14a {width:820px}
.grid-15a {width:880px}
.grid-16a {width:940px}

/*Custom Grid*/
.grid-1-5 {width:102px}
.grid-4-5 {width:295px}

.grid-3f {width:210px}

.grid-2u {width:160px}
.grid-6u {width:440px}

.grid-2c {width:126px}
.grid-3c {width:300px}
.grid-4c {width:322px}
.grid-6c {width:450px}
.grid-7c {width:504px}
.grid-10c {width:814px;}

/*Form Elements*/
input.grid-1, textarea.grid-1 {width:40px}
input.grid-2, textarea.grid-2 {width:130px}
input.grid-3, textarea.grid-3 {width:210px}
input.grid-4, textarea.grid-4 {width:290px}
input.grid-5, textarea.grid-5 {width:370px}
input.grid-6, textarea.grid-6 {width:450px}
input.grid-7, textarea.grid-7 {width:530px}
input.grid-8, textarea.grid-8 {width:610px}
input.grid-9, textarea.grid-9 {width:690px}
input.grid-10, textarea.grid-10 {width:770px}
input.grid-11, textarea.grid-11 {width:850px}
input.grid-12, textarea.grid-12 {width:930px}

input.span1, textarea.span1, select.span1,
input.span2, textarea.span2, select.span2,
input.span3, textarea.span3, select.span3,
input.span4, textarea.span4, select.span4,
input.span5, textarea.span5, select.span5,
input.span6, textarea.span6, select.span6,
input.span7, textarea.span7, select.span7,
input.span8, textarea.span8, select.span8,
input.span9, textarea.span9, select.span9,
input.span10, textarea.span10, select.span10,
input.span11, textarea.span11, select.span11,
input.span12, textarea.span12, select.span12,
input.span13, textarea.span13, select.span13,
input.span14, textarea.span14, select.span14,
input.span15, textarea.span15, select.span15,
input.span16, textarea.span16 select.span16{
	display:inline-block;
	float:none;
	margin-left:0
}

input.span1, textarea.span1, select.span1 {width:©30px;}
input.span2, textarea.span2, select.span2 {width:90px;}
input.span3, textarea.span3, select.span3 {width:150px;}
input.span4, textarea.span4, select.span4 {width:210px;}
input.span5, textarea.span5, select.span5 {width:270px;}
input.span6, textarea.span6, select.span6 {width:330px;}
input.span7, textarea.span7, select.span7 {width:390px;}
input.span8, textarea.span8, select.span8 {width:450px;}
input.span9, textarea.span9, select.span9 {width:510px;}
input.span10, textarea.span10, select.span10 {width:570px;}
input.span11, textarea.span11, select.span11 {width:630px;}
input.span12, textarea.span12, select.span12 {width:690px;}
input.span13, textarea.span13, select.span13 {width:750px;}
input.span14, textarea.span14, select.span14 {width:810px;}
input.span15, textarea.span15, select.span15 {width:870px;}
input.span16, textarea.span16, select.span16 {width:930px;}

/*Table*/
table .span1 {width:20px}
table .span2 {width:60px}
table .span3 {width:100px}
table .span4 {width:140px}
table .span5 {width:180px}
table .span6 {width:220px}
table .span7 {width:260px}
table .span8 {width:300px}
table .span9 {width:340px}
table .span10 {width:380px}
table .span11 {width:420px}
table .span12 {width:460px}
table .span13 {width:500px}
table .span14 {width:540px}
table .span15 {width:580px}
table .span16 {width:620px}


/*marketplace*/

#jualbeli-tab {
	padding:20px 0;
	text-align:center
}
#jualbeli-tab li {
	display:inline-block
}
#jualbeli-tab li a {
	color:#888;
	display:block;
	font-size:15px;
	line-height:40px;
	margin:0 50px;
	padding-left:50px;
	position:relative;
	text-decoration:none !important;
	text-shadow:1px 1px rgba(255, 255, 255, 0.3)
}
#jualbeli-tab li a:before {
	content:"";
	background:#ddd;
	border-left:solid 1px #afafaf;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-top:solid 1px #afafaf;
	color:#fff;
	height:40px;
	left:0;
	position:absolute;
	text-align:center;
	text-shadow:1px 1px #b9b9b9;
	width:40px
}
#jualbeli-tab li #t1:before {
	content:"1"
}
#jualbeli-tab li #t2:before {
	content:"2"
}
#jualbeli-tab li #t3:before {
	content:"3"
}
#jualbeli-tab li a:after {
	content:"";
	border-bottom:solid 1px rgba(0, 0, 0, 0.1);
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
	height:0px;
	position:absolute;
	right:-90px;
	top:50%;
	width:80px
}
#jualbeli-tab li a.current {
	color:#527a1f
}
#jualbeli-tab li a.current:before {
	background:#79ae27;
	border-left:solid 1px #629326;
	border-top:solid 1px #629326;
	color:#fff;
	text-shadow:1px 1px #527a1f
}
#jualbeli-tab li:last-child a:after {
	display:none
}


#jualbeli-tab {
  padding: 20px 0;
  text-align: center;
}

#jualbeli-tab a {
	display: inline-block;
	font-size: 15px;
	position: relative;
	line-height: 40px;
	padding-left: 50px;
	text-decoration: none !important;
	margin: 0 70px;
	color: #888;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}

#jualbeli-tab a:before {
	content: "";
	height: 40px;
	width: 40px;
	border-radius: 20px;
	position: absolute;
	left: 0;
	text-align: center;
	background: #78B32E;
	color: #fff;
	border-top: solid 1px #629326;
	border-left: solid 1px #629326;
	text-shadow: 1px 1px #527a1f;
}
#jualbeli-tab a:last-child:after {
	display: none !important;
}
#jualbeli-tab #t1:before {
	content: "1";
}
#jualbeli-tab #t2:before {
	content: "2";
}
#jualbeli-tab #t3:before {
	content: "3";
}
#jualbeli-tab #t4:before {
	content: "4";
}
#jualbeli-tab a:after {
	content: "";
	width: 80px;
	height: 0px;
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 50%;
	right: -110px;
}
#jualbeli-tab a.current {
	color: #527a1f;
}
#jualbeli-tab a.current:before {
	  color: #fff;
	  background: #78B32E;
	  border-top: solid 1px #629326;
	  border-left: solid 1px #629326;
	  text-shadow: 1px 1px #527a1f;
}
#jualbeli-tab a.current + a:before {
	  background: #ddd;
	  color: #888;
	  border-top: solid 1px #afafaf;
	  border-left: solid 1px #afafaf;
	  text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
}
#jualbeli-tab a.current + a + a:before {
	  color: #888;
	  background: #ddd;
	  border-top: solid 1px #afafaf;
	  border-left: solid 1px #afafaf;
	  text-shadow: 1px 1px rgba(255, 255, 255, 0.7);
}

/*Create Form*/
.marketplace-create {
	background:#FFF;
	border:solid 1px #d4d4d4;
	margin:0 -1px 10px;
	border-radius: 3px 3px 0 0;
}
.marketplace-create .create {
	padding:0 30px 20px
}
.marketplace-create .create-form {
	overflow:hidden;
	margin:0 -10px
}
.marketplace-create .create-form .form-note {
	border:0;
	margin:-10px 0 20px;
	padding-top:0
}
.marketplace-create .create-form select[multiple] {
	height:300px;
	padding:5px;
	width:270px
}
.marketplace-create .create-form select[multiple]:focus {
	outline-color:#ff9500
}
.marketplace-create .create-form>.category,
.marketplace-create .create-form>.subcategory {
	float:left;
	margin:0 10px;
	width:280px
}
.marketplace-create .create-form>.category h4,
.marketplace-create .create-form>.subcategory h4,
.marketplace-create .done h4 {
	color:#888;
	font-size:14px;
	display:block;
	margin-bottom:10px
}
.marketplace-create .done {
	width:280px;
	margin: 10px 10px 0;
}
.marketplace-create .done h4 {
	text-align:center;
}
.marketplace-create .done .learn-more {
	color:#888;
	display:block;
	font-size:11px;
	margin-top:5px;
	text-align:center
}
.marketplace-create .done .learn-more:before {
	content:"( "
}
.marketplace-create .done .learn-more:after {
	content:" )"
}
.marketplace-create .done .or {
	display:block;
	margin:1.5em 0;
	text-align:center
}
.marketplace-create .done .act-label {
	overflow:hidden;
	position:relative
}
.marketplace-create .done .act-label input[type=radio] {
	float:left;
	margin-left:-9999px
}
.marketplace-create .done .act-label label {
	*zoom:1;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	display:block;
	float:none;
	font-size:20px;
	line-height:1.25;
	padding:39px 5px 39px 65px;
	text-align:left;
	width:201px
}
.marketplace-create .done .act-label input[type=radio]:focus ~ label {
	outline:dotted 1px #000
}
.marketplace-create .create-form>.done .act-label input[type=radio] ~ label:before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #F4F4F4;
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFDEDEDE');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dedede));
	background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image: -moz-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image: -o-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image: -ms-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image: linear-gradient(top, #f4f4f4 0%,#dedede 100%);*/
	position: absolute;
	z-index: 9;
	left: 20px;
	top: 50%;
	margin-top: -10px;
	display: block;
	border-radius: 10px;
	/*-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;*/
}
.marketplace-create .create-form>.done .act-label input[type=radio]:checked ~ label:after {
	content: "";
	width: 12px;
	height: 12px;
	background: #79ae27;
	position: absolute;
	z-index: 10;
	left: 24px;
	top: 50%;
	margin-top: -6px;
	display: block;
	border-radius: 6px;
}
.marketplace-create .done .marketplace span {
	display:block;
	margin-bottom:20px
}
.marketplace-create .create-form>.done .disabled label {
	background-color: #fff;
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background-image: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background-image: -moz-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background-image: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	background-image: linear-gradient(top, #ffffff 0%,#eeeeee 100%);
	text-shadow: -1px -1px #ccc;*/
	border: solid 1px #ccc;
	cursor: not-allowed;
}
.marketplace-create .create-form>.done .act-label label {
	font-size: 20px;
	line-height: 1.25;
	display: block;
	float: none;
	width: 208px;
	text-align: left;
	padding: 20px 20px 20px 50px;
	background-color: #ffbf51;
	/*filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFBF51', endColorstr='#FFFFAA0D');
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbf51), color-stop(100%, #ffaa0d));
	background-image: -webkit-linear-gradient(top, #ffbf51 0%,#ffaa0d 100%);
	background-image: -moz-linear-gradient(top, #ffbf51 0%,#ffaa0d 100%);
	background-image: -o-linear-gradient(top, #ffbf51 0%,#ffaa0d 100%);
	background-image: linear-gradient(top, #ffbf51 0%,#ffaa0d 100%);*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	/*text-shadow: -1px -1px #c07c00;*/
	border: solid 1px #e39300;
}

.marketplace-create .act-create {
margin: 30px -30px 0;
-webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: 0 -1px 0 rgba(0,0,0,0.1);
border-top: solid 1px rgba(255,255,255,0.7);
text-align: center;
padding: 20px 30px;
}

.marketplace-create .create-form>.done .marketplace .act-label label {
	background: #dbdbdb;
	/*background: -moz-linear-gradient(top, #dbdbdb 0%, #f1f1f1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #f1f1f1));
	background: -webkit-linear-gradient(top, #dbdbdb 0%, #f1f1f1 100%);
	background: -o-linear-gradient(top, #dbdbdb 0%, #f1f1f1 100%);
	background: -ms-linear-gradient(top, #dbdbdb 0%,#f1f1f1 100%);
	background: linear-gradient(to bottom, #dbdbdb 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f1f1f1',GradientType=0 );*/
	border: thin solid #CCCCCC;
}
.marketplace-create .done .classified span {
	display:block
}
.marketplace-create .done .classified .act-label label {    
	background-color:#ffbf51;
	/*filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFBF51', endColorstr='#FFFFAA0D');
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffbf51), color-stop(100%, #ffaa0d));
	background-image:-webkit-linear-gradient(top, #ffbf51 0%, #ffaa0d 100%);
	background-image:-moz-linear-gradient(top, #ffbf51 0%, #ffaa0d 100%);
	background-image:-o-linear-gradient(top, #ffbf51 0%, #ffaa0d 100%);
	background-image:linear-gradient(top, #ffbf51 0%, #ffaa0d 100%);*/
	border:solid 1px #e39300;
	/*text-shadow:-1px -1px #c07c00;*/
}
.marketplace-create .act-create .button {
width: 120px;
text-align: center;
font-size: 14px;
}
.marketplace-create .act-create .next i {
float: right;
margin: 0 -14px 0 0;
border-right: 0;
border-left: solid 1px rgba(20,20,20,0.125);
}
/*#jualbeli-wizard .input {
margin-left: 190px;
}*/
.input-append input {
float: left;
}
.qty-input-wrap {
overflow: hidden;
margin-top: 5px;
}
.qty-input-wrap .qty-del {
color: red;
font-size: 20px;
line-height: 25px;
}
.reply-form .kaspay-link>span{
	/*padding: 0;*/
	margin: 0;
}
.kaspay-link{
	padding: 0;
}
.qty-input-wrap .input-prepend {
float: left;
margin-right: 5px;
}
.fjb-general-error{
	border: solid 1px #b94a48;
	box-shadow: none;
}
/*.marketplace-create .done .disabled .act-label label {
	background-color:#fff;
	*zoom:1;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE');
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
	background-image:-webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background-image:-moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background-image:-o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	background-image:linear-gradient(top, #ffffff 0%, #eeeeee 100%);
	border:solid 1px #ccc;
	text-shadow:-1px -1px #ccc
}*/

/*Method Option*/
.marketplace-create header {
	margin: 0 -30px 30px;
	padding: 20px 30px;
	border-bottom: solid 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7);
	box-shadow: 0 1px 0 rgba(255,255,255,0.7);
}
.marketplace-create header h3 {
	font-size: 16px;
	display: inline;
	color: #518404;
}
.marketplace-create header span {
	color: #888;
	font-size: 14px;
}
.marketplace-create .create-form>.done {
	float: left;
	width: 280px;
	margin: 0 10px;
}
.marketplace-create .create-form>.category h4, .marketplace-create .create-form>.subcategory h4, .marketplace-create .done h4 {
	color: #888;
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
}
.marketplace-create .done h4 {
	text-align: center;
}
.marketplace-create .bar-header h3 {
	font-weight: 700;
	padding: 5px 10px;
	margin: -1px -30px;
	background-color: #f2f2f2;
	border-top: solid 1px #D9D9D9;
}

.marketplace-create .method-option{
	padding-top: 15px;
}

.marketplace-create .method-option h4{
	text-align: center;
	color: #888888;
}

.marketplace-create .method-option .method-box {
	background: #f9f9f9;
	border-radius: 5px;
	border: solid thin #cecece;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
	-moz-box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
	-o-box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
	-ms-box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
	box-shadow: inset 1px 1px 2px rgba(0,0,0,.25);
	position: relative;
}

.marketplace-create .method-box .act-label {
	overflow:hidden;
	position:relative
}
.marketplace-create .method-box .act-label input[type=radio] {
	float:left;
	margin-left:-9999px
}
.marketplace-create .method-box .act-label label {
	*zoom:1;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#fff;
	display:block;
	float:none;
	font-size:20px;
	line-height:1.25;
	padding:20px 5px 20px 70px;
	text-align:left;
	width:201px
}
.marketplace-create .method-box .act-label input[type=radio]:focus ~ label {
	outline:dotted 1px #000
}
.marketplace-create .method-box .act-label input[type=radio] ~ label:before {
	content:"";
	background-color:#F4F4F4;
	filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF4F4F4', endColorstr='#FFDEDEDE');
	background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f4f4f4), color-stop(100%, #dedede));
	background-image:-webkit-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image:-moz-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image:-o-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image:-ms-linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	background-image:linear-gradient(top, #f4f4f4 0%, #dedede 100%);
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 5px #666;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;
	display:block;
	height:20px;
	left:35px;
	margin-top:-10px;
	position:absolute;
	top:50%;
	width:20px;
	z-index:9
}
.marketplace-create .method-box .act-label input[type=radio]:checked ~ label:after {
	content:"";
	background:#79ae27;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	display:block;
	height:12px;
	left:39px;
	margin-top:-6px;
	position:absolute;
	top:50%;
	width:12px;
	z-index:10
}

.marketplace-create .method-option .method-box .caption {
	color: #454545;
	font-size: 12px;
}
.marketplace-create .method-option .method-box .caption span{
	font-weight: 700;
	display: block;
}

.marketplace-create .method-option .method-box .marketplace,
.marketplace-create .method-option .method-box .classified{
	z-index: 8;
	position: relative;
}

.marketplace-create .method-option .method-box .marketplace label {
	cursor: pointer;
	color: #1cb8af;
}
.marketplace-create .method-option .method-box .classified label {
	cursor: pointer;
	color: #f38c39;
}

.marketplace-create .method-option .method-box .box-hover{  
	content: "";
	width: 284px;
	height: 82px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e1e1e1));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
	border: 1px solid #b2b2b2;
	border-radius: 5px;
	position: absolute;
	top: 7px;
	left: 50%;
	margin-left: -142px;
	z-index: 7; 
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.marketplace-create .method-option .method-box .box-hover.pos-classified{top: 101px;}
.marketplace-create .method-option .method-box .box-hover.pos-marketplace{top: 7px;}

.marketplace-create .method-option input.button{
	width: 268px;
	height: 32px;
	line-height: 32px;
	margin-top: 18px;
	font-size: 18px;
}
.marketplace-create .method-option .start-over{
	text-align: center;
	font-weight: 700;
	border-top: solid thin #e5e5e5;
	padding-top: 10px;
	margin-top: 10px;
}
.marketplace-create .method-option .start-over a{
	color: #df0914;
}

.sm-screen ul.user-control {
	margin-right: 20px !important;
}

.sm-screen ul.user-control #before-login{
	margin-right: 15px;
}
.sm-screen ul.user-control #before-login .sub-menu{
	left: -50px;
}

.sm-screen ul.user-control .sub-menu:before{
	left: 68px;
}

.sm-screen ul.user-control .sub-menu:after{
	left: 67px;
}

.sm-screen footer ._col{
	min-width: 160px;
}

.in-marketplace #maincategory , .in-marketplace #subcategory .category{
	height: 300px;
}

#jualbeli-wizard .input span span{
	width:260px !important;
}
#jualbeli-wizard .input span , #jualbeli-wizard .input select{
	width:270px !important;
}

#jualbeli-wizard .input-prepend .add-on{
	width: 16px !important;
}

body.q .skin {
	top: 165px;
	/*background-position-y: -130px;*/
	background-position: center -130px;
}

.sidebar-bar-ico{
	font-size: 14px;
	padding: 0 4px;
	line-height: 30px !important;
}

/*fix ie8*/
h1.logo img{
	width: 38px;
	height: 38px;
}
h1.logo span{
	display: none;
}

.toolbar input{
	height: 22px;
	width: 87px;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-right: 0;
	padding: 5px 0 6px 5px;
}

body.q header#site-header-q ul li a i,
body.q header#site-header-q ul li button#btn-search{
	line-height: 23px;
}

body.q header#site-header-q .form-modal-forum ul li ul {
	padding-left: 20px;
}
.form-modal-forum label,
.form-modal label {
	float: none;
	padding: 3px 0px 5px 5px !important;
}

.form-modal-forum ul div{ width:32%;}

.form-modal-forum li ul li label,
.form-modal li ul li label {
	/*padding-left: 5px !important;*/
	width: 143px;
	width: auto\9;
	padding-right: 10px !important;
}

/*checkbox*/
.form-modal-forum label,
.form-modal label{
	padding-left: 25px !important;
}
.form-modal-forum label:before,
.form-modal label:before {  
	content: "";  
	display: inline-block;
	width: 12px;
	height: 12px;
	position: absolute;
	left: 6px;
	bottom: 9px;
	font-size: 12px;
}  
.form-modal-forum input[type=checkbox],
.form-modal input[type=checkbox] {  
	display: none !important;   
}  

/*IE 8 Only Style*/
.form-modal-forum input[type=checkbox],
.form-modal input[type=checkbox] {  
	display: inline-block\9 !important;   
}

.customSelect{
	padding:5px 6px\9 !important;
}

.form-modal-forum .checkbox label:before,
.form-modal .checkbox label:before {  
	border-radius: 3px;  
}  

.form-modal-forum input[type=checkbox]:checked + label:before,
.form-modal input[type=checkbox]:checked + label:before {  
	content: "\2713";
	font-size: 13px;
	color: #555;
	text-align: center;
	line-height: 12px;
	top: 6px;
}  

.form-modal-forum li.selected > input[type=checkbox]:checked + label:before,
.form-modal-forum li.selected > label:before,
.form-modal-forum li.selected > ul li input[type=checkbox]:checked + label:before,

.form-modal li.selected > input[type=checkbox]:checked + label:before,
.form-modal li.selected > label:before,
.form-modal li.selected > ul li input[type=checkbox]:checked + label:before{
	color: #f7941d;
	border-color: #f7941d;
}

.tab-sidebar > li.active > a h5.show,
.filter-forum-cat,
.filter-fjb-cat{
	font-weight: 700;
}

.filter-forum-cat.show-all + .sb-forum .subnav .nav-promo, 
.sb-fjb .subnav .nav-promo{
	margin-top: 31px !important;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	-o-appearance: textfield;
	-ms-appearance: textfield;
}

#all-category input.search-category{
	width: 260px;
}

.inner .donatur-list-bg td{
	background-color: #f4f6d0 !important;
}

#modal-homepage-cat{
	width: 20px;
}

#checked-box , #checked-box-loc{
	font-size: 12px;
	float: right;
	line-height: 22px;
	padding: 0 20px 0px 60px;
	margin-top: 3px;
}

/*mozilla crossbrowser fix*/

@-moz-document url-prefix() {
	input.search-category{
		height: auto; 
	}

	ul#kk-hp-seller-story .hp-seller-story-text:before , 
	ul#kk-hp-seller-story .hp-seller-story-text:after{
		top:-9px;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text:before{
		top:-10px;
	}

	ul#kk-hp-seller-story li:hover .hp-seller-story-text:after{
		top:-9px;
	}

	.hp-hot-review-title:after{
		top: -5px;
	}

	#ht-reviews ul.tab-content li .product-list-title:after,
	#top-product ul.tab-content li .product-list-title:after{
		top: -9px;
	}
}

#subscribe li{
	background: #ededed;
	border-left: 5px solid #ededed;
	cursor: move;
	height: auto !important;
}
#subscribe li:hover{
	border-left: 5px solid #1497ec;
	background: white;
}
#subscribe li a{
	padding: 10px 0;
	word-break: break-word;
	margin: 0 10px 0 5px;
	border-bottom: 1px solid #dcdcdc;
	text-decoration: none;
	color: #555555;
	font-size: 12px;
	display: block;
	text-transform: capitalize;
}

#subscribe li:last-child a{
	border-bottom: 0;
}
#subscribe li a img{
	float: left;
	width: 20px;
	margin-right: 10px;
}

.preload{
	color: #1497ec;
	text-align: center;
	position: absolute;
	top: 50%;
	margin-top: -16px;
	margin-left: -16px;
	left: 50%;
}

.body.fjb.q .sidebar .preload{
	height: 381px;
}

.preload img{
	vertical-align: middle;
}

.side-preload{  
	background: #f7f7f7;
	padding: 5px 10px;
	width: 12px;
	display: none;
}

.side-preload img{
	width: 11px;
}
body.inner .side-preload{
	display: block;
}

.fb_iframe_widget iframe{
	width: 400px !important;
}

.sidebar .preload{background: #f7f7f7; height: 412px; line-height: 412px; left: 0; top:0; margin:0;}
.tab-quick-update {height: 280px;}
.tab-success-stories{height: 207px}
#promoted-forum-homepage {height: 100px;}
#top-user{height: 275px;}
#k-hq section{min-height: 107px;}
.top-products-homepage{height: 106px;}
.tab-hot-services{height: 134px;}
.tab-second-hand-goods{height: 134px;}

.sidebar .preload, .tab-quick-update, .tab-success-stories, #promoted-forum-homepage,
#top-user, #k-hq section, .top-products-homepage, .tab-hot-services,
.tab-second-hand-goods{ position: relative;}

.but-feedback{
	background-color: red;
	position: relative;
	width: 180px;
	height: 40px;
	background: url('http://cdn.kaskus.com/themes_3.0/images/quickie/state-feedback.png') no-repeat;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.but-feedback:hover{
	background: url('http://cdn.kaskus.com/themes_3.0/images/quickie/hover-feedback.png') no-repeat;   
}

.but-feedback-fixed{
	background: url('http://cdn.kaskus.com/themes_3.0/images/quickie/floating-button-feedback.png') no-repeat;
	height: 100px;
	width: 20px;
	position: fixed;
	left: 0;
	top: 209px;
	z-index: 20;
}
@-webkit-keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%, 100%, 20%, 50%, 80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.btn-whatsnew{
	color: #1497ec;
	font-size: 11px;
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	margin-right: 10px;
}

.btn-whatsnew:hover{
	color: #f7941d;
}
.introjs-prevbutton, .introjs-nextbutton.introjs-disabled{
	display: none !important;
}   

.inner .search-info .tools-panel .tools,
.inner .thread-control .tools-panel .tools{
	border: 1px solid #ccc;
	margin-right: 5px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.inner .search-info .tools-panel .tools:hover,
.inner .thread-control .tools-panel .tools:hover{
	border: solid 1px #999;
}

.inner .thread-control .forum-control .tools{
	margin-right: 0;
}

.inner .thread-control .text-zoom .increaseFont{
	border: 1px solid #ccc;
}

.inner .thread-control .text-zoom .increaseFont:hover{
	border: solid 1px #999;
}

.spoiler input[type=button] {
	background:#ccc!important
}

#site-footer-q{
	min-width: 1024px;
}

#illus-jualbeli-tab{
	position: absolute;
	height: 90px;
	width: 940px;
	z-index: 9;
	margin-top: -90px;
}

.searchlike-table .header .search-info{
    font-size:11px;
}
.searchlike-table .header .search-info label{
    float: none;
    font-size: 11px;
    margin-right: 5px;
}
.searchlike-table .header .search-info input[type="radio"]{
    margin: 0 2px;
}

.search-header {
	/*margin-bottom:18px;*/
	zoom:1;
	margin-bottom:0;
}
.search-header:before {
	content:"";
	display:table;
	zoom:1
}
.search-header:after {
	clear:both;
	content:"";
	display:table;
	zoom:1
}
.search-header h2{
	float: left;
}
.search-header .tools-wrapper{
	font-size: 11px;
	float: right;
}
.search-header .customSelect{
	font-size: 11px;
	height: 12px;
	line-height: 12px;
}
.search-header .customSelect:after{
	margin-top: 5px;
	right:0;
}
.search-header select{
	width: 100px;
}
.green.button {
	background: #7cd168;
}
.advanced-search-sidebar .section-site a.username:hover,
.advanced-search-sidebar .section-site a.username:focus{
	background: #f7941d;
}
.username-search-table .search-header{
	background: #f7941d;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	color: #fff;
}

.thread-status{
	padding: 10px;
	float: right;
}

.modal-popup{
	color: #555555;
	font-size: 18px;
	text-align: center;
	width: 460px;
	margin: 0 auto;
	line-height: 120%;
}

.modal-popup hr{
	height: 1px;
	color: #c2c2c2;
	background-color: #c2c2c2; 
	border:0;
}

.modal-popup .modal-act{
	display: block;
	margin: 50px 0 10px;
}

.stamp-sold{
	background: url("http://cdn.kaskus.com/themes_3.0/images/quickie/stamp-sold.png") no-repeat;
	width: 112px;
	height: 97px;
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 9;
}

.hfeed .entry-title{
	padding-top: 10px;
}
.bottom-frame{
	width: 1110px;
	margin-left: -555px;
	height: 50px;
}
.bottom-frame img, .bottom-frame iframe {
	height: 50px !important;
}
.bottom-frame .btm-close:after {
	line-height: 48px;
}
.bottom-frame .btm-close {
	height:50px;
}

/*new feature*/
#folder .add-folder .input{
	margin: 0;
	text-align: center;
}

.add-folder input[type=submit] {
	padding: 1px 11px;
}

#user-profile-main.simply .tools-panel .tools{
	margin-top: 5px;
}

#user-profile-main.simply .user-main-content .listing-wrapper .listing-table{
	border: 0
}

#user-profile-main.simply .mypost .entry-post{
	border: 1px solid #ddd;
	margin-bottom: 10px;
}
#user-profile-main.simply .listing-wrapper .listing-table table{
	border: 1px solid #ddd;
}

.quoted-by{
	color: #aaa;
	padding-right: 10px;
	display: inline-block;
}

.mypost .entry-post.deleted,
tr.deleted {
	background: #ffcccc;
}

.advanced-search-sidebar .section-site a.username:hover,
.advanced-search-sidebar .section-site a.username:focus{
	background: #f7941d;
}
.username-search-table .search-header{
	background: #f7941d;
	border-bottom: solid 1px rgba(255, 255, 255, 0.2);
	color: #fff;
}
.snipp-search .join-date{
	font-size: 11px;
	display: block;
}

/*spam*/
body.inner .spam .hfeed{
    background: #ffcccc;
}

body.inner .spam .hfeed .entry{
    background: #ffcccc;
}

body.inner .spam .hfeed .entry-title,
body.inner .spam .hfeed .entry-footer{
    border-color: #ffaaaa;
}
body.inner .entry-post.spam {
    background: #fcc
}